.educations{background-image:url(/images/education.png)}.educationWrapper{gap:20px}.educationCard{border-radius:20px 0 20px 20px}.educationDate{top:11px;right:-12.7px;padding:5px 30px;clip-path:polygon(0 0,120% -50%,120% 150%,0 100%,15px 50%)}.educationDate:after,.educationDate:before{content:"";position:absolute;width:12px;height:12px;right:0}.darkMode .educationDate:after,.darkMode .educationDate:before{background:#049}.lightMode .educationDate:after,.lightMode .educationDate:before{background:#555}.educationDate:before{top:0;transform:translateY(-100%);clip-path:polygon(0 0,100% 100%,0 100%)}.educationDate:after{bottom:0;transform:translateY(100%);clip-path:polygon(0 0,100% 0,0 100%)}.darkMode .educationDate{background:#862;color:#ddd}.lightMode .educationDate{background:#db7}.darkMode .educationCard{background-color:#2a2a2acc}.lightMode .educationCard{background-color:#ddddddaa}@media (min-width:1024px){.educations{width:80%;margin:0 auto}.educationCard{width:calc(100%/2 - 20px/2)}}.experiences{background-image:url(/images/experience.png);overflow-x:hidden}.expWrapper{gap:20px}.darkMode .experienceCard{background-color:#2a2a2acc}.lightMode .experienceCard{background-color:#ddddddaa;border:.7px solid #00000055}.darkMode .expTech{color:#c90;border:.7px solid #cc990088}.lightMode .expTech{color:#059;border:.5px solid #00559988}@media (min-width:1024px){.experiences{width:80%;margin:0 auto}.experienceCard{width:calc(100%/2 - 20px/2)}}header{overflow-x:hidden;border-bottom:.5px solid}header li{border-top:.5px solid}header .navToggle>div{height:1px}.darkMode header .navToggle>div{background:#fff}.lightMode header .navToggle>div{background:#000}@media (min-width:1024px){header li{border-top:none}header nav{border-bottom:none}}.section1{border-bottom:.5px solid}.lightMode .mainImageWrapper>img{filter:brightness(130%) contrast(90%)}.profileWrapper{border-top:.5px solid}@media (min-width:1024px){.mainImageWrapper{height:unset}.mainImageWrapper>img{height:450px}.profileWrapper{border-top:none}}footer{overflow-x:hidden}footer :not(span):not(button):not(i):not(li){color:#aaa}.lightMode footer .border-b-thin{border-bottom:.7px solid #ffffff44}.darkMode footer{border-top:.5px solid #ffffff77}.fotterUpper>a>div{background:#a40}footer span{color:#d70;white-space:nowrap}.darkMode form label,.lightMode form label{color:#0bf}.lightMode form :not(label):not(button){color:#fff}footer form>input,footer form>textarea{border:.7px solid #ffffff77;resize:none;outline:none}footer li{color:#888;cursor:pointer}footer form{background:#000!important}footer form input,footer form textarea{border-bottom:.5px solid #ffffffaa}@media (min-width:1204px){footer>div{width:80%;margin:0 auto}footer *{font-size:12px}}.projects{background-image:url(/images/nodejs.png);border-top:.5px solid;overflow-x:hidden}.projectWrapper{gap:20px}.darkMode .project{background:#1f1f1f}.lightMode .project{background:#e1e1e1}.darkMode .project h1{color:#08b}.lightMode .project h1{color:#a70}.project ul>li{font-size:12px}.darkMode .project ul>li{background:#6f4411;color:#ffffffaa}.lightMode .project ul>li{background:#58b;color:#fff}.projectMark{top:-7px;clip-path:polygon(-30% -30%,130% -30%,100% 100%,50% 80%,0 100%)}.darkMode .projectMark{background:#058}.lightMode .projectMark{background:#08d;color:white}.projectMark:after,.projectMark:before{content:"";position:absolute;left:0;width:7px;height:7px;transform:translateX(-99%);clip-path:polygon(0 100%,100% 0,100% 100%)}.projectMark:after{left:unset;right:0;transform:translateX(99%);clip-path:polygon(0 0,100% 100%,0 100%)}.darkMode .projectMark:after,.darkMode .projectMark:before{background:#640}.lightMode .projectMark:after,.lightMode .projectMark:before{background:#111}@media (min-width:1024px){.projects{width:80%;margin:0 auto}.project{width:calc(100%/3 - 40px/3)}}.skills{background-image:url(/images/skills.png);overflow-x:hidden}.skills img{min-width:25px}.backendSkillWrapper,.frontendSkillWrapper,.otherSkillWrapper{gap:10px}.backendSkillWrapper .skillCard,.backendSkillWrapper .skillCardTemp,.frontendSkillWrapper .skillCard,.frontendSkillWrapper .skillCardTemp,.otherSkillWrapper .skillCard,.otherSkillWrapper .skillCardTemp{width:calc(100%/3 - 20px/3)}.darkMode .skillCard{background-color:#151515;border:.7px solid #555;border-left-width:5px}.lightMode .skillCard{background-color:#e1e1e1;border:.7px solid #aaa;border-left-width:5px}.darkMode .skillLevel{background:#ffffff22}.skillLevel{overflow:hidden;border-radius:5px}.skillLevel>div{height:100%}.darkMode .skillLevel>div{background:#960}.lightMode .skillLevel{background:#00000022}.lightMode .skillLevel>div{background:#07a}.darkMode .skillSettingsWrapper>div{background:#333333dd}.lightMode .skillSettingsWrapper>div{background:#eeeeeedd}.darkMode .skillCardTemp{background-color:#111;border:.7px dashed;border-left:5px solid #555}.lightMode .skillCardTemp{background-color:#eee;border:.7px dashed;border-left:5px solid #aaa}@media (min-width:1024px){.skills{width:80%;margin:0 auto}.backendSkillWrapper .skillCard,.backendSkillWrapper .skillCardTemp,.frontendSkillWrapper .skillCard,.frontendSkillWrapper .skillCardTemp{width:calc(100%/5 - 40px/5)}.otherSkillWrapper .skillCard,.otherSkillWrapper .skillCardTemp{width:calc(100%/6 - 50px/6)}}