@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 901px){.desktopLinksAndLogo{height:50px;display:flex;align-items:center;padding-left:15vh}.desktopLinksAndLogo .button:nth-child(2){animation:slideInFromTop 1s ease .2s backwards}.desktopLinksAndLogo .button:nth-child(3){animation:slideInFromTop 1s ease .4s backwards}.desktopLinksAndLogo .button:nth-child(4){animation:slideInFromTop 1s ease .6s backwards}.desktopLinksAndLogo .homeLogo{margin-right:20px;color:#fff;font-size:46px;text-decoration:none;transition:.5s;animation:slideInFromTop 1s ease 0s backwards}.desktopLinksAndLogo .homeLogo:hover{text-shadow:0px 0px 13px #a1fff9;color:#a1fff9}.desktopLinksAndLogo .button{margin:0;height:auto;background:transparent;padding:0;border:none}.desktopLinksAndLogo .button{--border-right: 6px;--text-stroke-color: rgba(255,255,255,.6);--animation-color: #a1fff9;--fs-size: 2em;margin:0 14px;letter-spacing:3px;text-decoration:none;font-size:22px;position:relative;text-transform:capitalize;color:var(--text-stroke-color)}.desktopLinksAndLogo .actual-text{transition:.5s}.desktopLinksAndLogo .button:hover .actual-text{filter:drop-shadow(0 0 23px var(--animation-color))}.desktopLinksAndLogo .hover-text{position:absolute;box-sizing:border-box;content:attr(data-text);color:var(--animation-color);width:0%;top:0;right:0;bottom:0;left:0;border-right:var(--border-right) solid var(--animation-color);overflow:hidden;transition:.5s;border-radius:2px}.desktopLinksAndLogo .button:hover .hover-text{width:100%}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(300px)}to{opacity:1;transform:translate(0)}}@media screen and (min-width: 901px){.settings{display:flex;align-items:center;justify-content:space-evenly;width:auto;overflow:hidden;padding-right:15vh}.settings .languageSelector{display:flex;align-items:center;margin:0 0 0 35px;animation:slideInFromRight 1.5s ease .4s backwards}.settings .languageSelector div{text-transform:uppercase;border-right:2px solid #a1fff9;border-left:1px solid #a1fff9;padding:7px;font-size:20px;cursor:pointer;font-weight:600;transition:all .5s}.settings .languageSelector div:first-of-type{text-transform:uppercase;border-left:2px solid #a1fff9;border-right:1px solid #a1fff9;padding:7px;font-size:20px}.settings .languageSelector div:hover{text-shadow:0px 0px 13px #a1fff9;color:#a1fff9}.settings .contactLink{text-decoration:none}.settings .contactLink .contactButton{display:flex;justify-content:center;align-items:center;height:50px;width:190px;border-radius:30px;border:3px solid #a1fff9;transition:1s;font-size:24px;text-transform:capitalize;color:#fff;font-weight:700;margin-right:20px;animation:slideInFromRight 1.5s ease .2s backwards}.settings .contactLink .contactButton:hover{background:#a1fff9;color:#020a13}.settings .darkLightSwitcher{margin-left:20px;font-size:36px;transition:.5s;animation:slideInFromRight 1.5s ease .6s backwards;cursor:pointer}.settings .darkLightSwitcher:hover{text-shadow:0 0 13px #a1fff9;color:#a1fff9}}@media screen and (max-width: 900px){.languageSelector{display:flex;align-items:center;margin-bottom:25px}.languageSelector div{text-transform:uppercase;border-right:2px solid #a1fff9;border-left:1px solid #a1fff9;padding:7px;font-size:20px;cursor:pointer;font-weight:600;transition:all .5s;color:#fff}.languageSelector div:first-of-type{text-transform:uppercase;border-left:2px solid #a1fff9;border-right:1px solid #a1fff9;padding:9px;font-size:20px}.mainHeaderSecond{display:flex;align-items:center;flex-direction:row;justify-content:space-between;width:100%}.homeLogo{font-size:40px;color:#a1fff9;z-index:5;position:relative}.nav-container{display:flex;justify-content:space-between;align-items:center;height:62px}.menu-items{display:flex}.nav-container li{list-style:none}.nav-container .menu a{padding:0}.nav-container a{text-decoration:none;color:#0e2431;font-weight:500;font-size:1.2rem;padding:.7rem}.nav-container{display:flex;position:relative;width:100%;height:60px}.nav-container .checkbox{position:relative;display:block;height:32px;width:32px;top:8px;z-index:5;opacity:0;cursor:pointer}.nav-container .hamburger-lines{height:26px;width:32px;position:relative;top:-22px;left:3px;z-index:4;display:flex;flex-direction:column;justify-content:space-between}.nav-container .hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#a1fff9}.nav-container .hamburger-lines .line1{transform-origin:0% 0%;transition:transform .4s ease-in-out}.nav-container .hamburger-lines .line2{transition:transform .2s ease-in-out}.nav-container .hamburger-lines .line3{transform-origin:0% 100%;transition:transform .4s ease-in-out}.nav-container input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(45deg)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}.nav-container input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-45deg)}.mobileMenuSidebarBackground{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100vw;height:100vh;position:absolute;top:-13px;right:-25px;animation:fadein 1s ease 0s;display:flex;justify-content:flex-end;z-index:2}.mobileMenuSidebar{width:70%;height:100%;opacity:1;animation:slideInFromRight 1s ease-in-out;animation-delay:0s;background:#051628;display:flex;flex-direction:column;justify-content:center;align-items:center}.mobileMenuSidebar a{width:100%;display:flex;justify-content:center;align-items:center;height:85px;padding:0;flex-direction:row}.mobileMenuSidebar a span{color:#a1fff9;font-size:30px;padding-right:15px}.mobileMenuSidebar a div{color:#fff;text-transform:capitalize}}@media screen and (min-width: 901px){.mainPage{max-height:100vh;height:100vh;width:100vw;margin:0;display:flex;flex-wrap:wrap;overflow-x:hidden;justify-content:center}.mainPage .header{display:flex;justify-content:space-between;align-items:center;width:100%;height:100px;color:#fff;transition:.5s;background:#00000073;margin-bottom:30px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:10px}}@keyframes fadeinWithShadow{0%{opacity:0;box-shadow:none}to{opacity:1;box-shadow:#a1fff91a 0 1px 30px}}@media screen and (max-width: 900px){.mainPage{background:#020a13;height:100vh;width:100%;overflow:hidden}.mainPage .header{position:relative;height:85px;width:calc(100% - 50px);padding:0 25px;display:flex;justify-content:space-between;align-items:center;animation:fadeinWithShadow 1.5s ease-in 0s;box-shadow:#a1fff91a 0 1px 30px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media screen and (min-width: 901px){.homePage{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:auto;height:auto;color:#fff;min-height:calc(100vh - 130px);padding:0 20%;transition:.5s;overflow:hidden}.homePage .welcome{color:#a1fff9;font-size:25px}.homePage .welcome span{animation:blink 1s step-end infinite}.homePage .myName{text-transform:capitalize;font-size:65px;line-height:100px}.homePage .myName span{animation:blink 1s step-end infinite}.homePage .homeSecondLine{font-size:65px;color:#fff9}.homePage .homeSecondLine span{animation:blink 1s step-end infinite}.homePage .someDescription{font-size:21px;color:#fff9;padding-top:25px}.homePage .someDescription span{animation:blink 1s step-end infinite}.homePage .homeSecondLine:first-letter,.homePage .welcome:first-letter,.homePage .someDescription:first-letter{text-transform:capitalize}}@media screen and (max-width: 900px){.homePage{height:calc(100% - 85px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:0 5%;color:#fff}.homePage .welcome{color:#a1fff9;font-size:16px;line-height:1.1;font-weight:400;margin:0 0 20px}.homePage .welcome span{animation:blink 1s step-end infinite}.homePage .myName{text-transform:capitalize;font-size:34px;line-height:1.1;font-weight:600}.homePage .myName span{animation:blink 1s step-end infinite}.homePage .homeSecondLine{margin-top:10px;line-height:.9;font-size:34px;color:#fff9}.homePage .homeSecondLine span{animation:blink 1s step-end infinite}.homePage .someDescription{margin:20px 0 0;font-size:18px;color:#fff9}.homePage .someDescription span{animation:blink 1s step-end infinite}}@media screen and (min-width: 901px){.projectsPage>div{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;flex-wrap:nowrap;gap:80px}.projectsPage{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;color:#fff;min-height:calc(100vh - 130px);padding:0 20%;overflow:hidden}.projectsPage .exactProjectDiv.show,.projectsPage .fade-in{opacity:1}.projectsPage .fade-out{opacity:0!important}.projectsPage .exactProjectDiv{display:flex;flex-direction:column;width:70%;transition:all .5s ease-out;opacity:0;animation:slideInFromBottom 1.5s ease .6s backwards}.projectsPage .exactProjectDiv .exactProjectTitle{font-size:28px;padding-bottom:10px;margin-bottom:20px;width:40%;min-width:200px;border-bottom-width:1px;border-bottom-style:solid;border-image:linear-gradient(to right,#a1fef9,#020a13) 1}.projectsPage .exactProjectDiv .exactProjectDescription{font-size:18px;color:#ffffffb3;line-height:1.7;margin-bottom:20px}.projectsPage .exactProjectDiv .exactProjectUsedToolsTitle{font-size:22px;margin-bottom:10px}.projectsPage .exactProjectDiv .exactProjectUsedTools{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;margin-bottom:20px}.projectsPage .exactProjectDiv .exactProjectUsedTools .tool{background:#ffffff26;padding:15px;border-radius:5px;font-size:18px;cursor:default}.projectsPage .exactProjectDiv .exactProjectLink{border-top-width:1px;border-top-style:solid;border-image:linear-gradient(to right,#a1fef9,#020a13) 1;padding-top:15px}.projectsPage .exactProjectDiv .exactProjectLink a{color:#fff;font-size:18px;transition:all 1s;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:2px}.projectsPage .exactProjectDiv .exactProjectLink a:hover{color:#a1fff9;filter:drop-shadow(0 0 7px #a1fff9);border-bottom:1px solid #a1fff9}.projectsPage .allProjectsDiv{display:flex;flex-direction:column;width:30%;animation:slideInFromBottom 1.5s ease .4s backwards}.projectsPage .allProjectsDiv .projectsTitle{font-size:28px;margin-bottom:20px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-image:linear-gradient(to right,#a1fef9,#020a13) 1}.projectsPage .allProjectsDiv .projectName{font-size:20px;color:#ffffffb3;transition:all .5s;cursor:pointer;margin-bottom:10px}.projectsPage .allProjectsDiv .activeProjectName{font-size:20px;color:#fff;transition:all .5s;cursor:pointer;margin-bottom:10px}.projectsPage .allProjectsDiv .projectName:hover,.projectsPage .allProjectsDiv .activeProjectName:hover{color:#fff;filter:drop-shadow(0 0 8px #fff)}}@media screen and (max-width: 900px){.projectsPage>div{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;margin-top:30px;margin-bottom:30px}.projectsPage{display:flex;flex-direction:column;align-items:center;width:90%;height:calc(100% - 85px);color:#fff;padding:0 5%;overflow:auto}.projectsPage .exactProjectDiv.show,.projectsPage .fade-in{opacity:1}.projectsPage .fade-out{opacity:0!important}.projectsPage .exactProjectDiv{display:flex;flex-direction:column;width:100%;transition:all .5s ease-out;opacity:0;animation:slideInFromBottom 1.5s ease .6s backwards}.projectsPage .exactProjectDiv .exactProjectTitle{font-size:24px;padding-bottom:10px;margin-bottom:20px;width:40%;min-width:200px;border-bottom-width:1px;border-bottom-style:solid;border-image:linear-gradient(to right,#a1fef9,#020a13) 1}.projectsPage .exactProjectDiv .exactProjectDescription{font-size:18px;color:#ffffffb3;line-height:1.7;margin-bottom:20px}.projectsPage .exactProjectDiv .exactProjectUsedToolsTitle{font-size:22px;margin-bottom:20px}.projectsPage .exactProjectDiv .exactProjectUsedTools{display:flex;flex-wrap:wrap;flex-direction:row;gap:15px;margin-bottom:15px}.projectsPage .exactProjectDiv .exactProjectUsedTools .tool{background:#ffffff26;padding:14px;border-radius:5px;font-size:18px}.projectsPage .exactProjectDiv .exactProjectLink{border-top-width:1px;border-top-style:solid;border-image:linear-gradient(to right,#a1fef9,#020a13) 1;padding-top:15px}.projectsPage .exactProjectDiv .exactProjectLink a{color:#fff;font-size:18px;transition:all 1s;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:2px}.projectsPage .allProjectsDiv{display:flex;flex-direction:column;width:100%;margin-bottom:30px;animation:slideInFromBottom 1.5s ease .4s backwards}.projectsPage .allProjectsDiv .projectsTitle{font-size:26px;margin-bottom:20px;padding-bottom:10px;border-bottom-width:1px;border-bottom-style:solid;border-image:linear-gradient(to right,#a1fef9,#020a13) 1}.projectsPage .allProjectsDiv .projectName{font-size:20px;color:#ffffffb3;transition:all .5s;cursor:pointer;margin-bottom:10px}.projectsPage .allProjectsDiv .activeProjectName{font-size:20px;color:#fff;transition:all .5s;cursor:pointer;margin-bottom:10px}}@media screen and (min-width: 901px){.resumePage>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.resumePage{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;color:#fff;min-height:calc(100vh - 130px);padding:0 20%}.resumePage .resumeText{display:flex;align-items:center;flex-direction:column;width:700px;margin-bottom:30px}.resumePage .resumeText .mainResumeText{font-size:56px;line-height:70px;animation:slideInFromBottom 1.5s ease .2s backwards}.resumePage .resumeText .notMainResumeText{font-size:22px;color:#fff9;animation:slideInFromBottom 1.5s ease .4s backwards;text-align:center}.resumePage .resumeOnPage{display:flex;justify-content:center;align-items:center;flex-direction:row;animation:slideInFromBottom 1.5s ease .6s backwards}.resumePage .resumeOnPage .resume{border-radius:15px;width:700px}.resumePage .downloadResumeDiv{margin:30px 0;border-radius:30px;color:#fff;border:3px solid #a1fff9;padding:15px 20px;transition:.5s;display:flex;justify-content:center;align-items:center;cursor:pointer;animation:slideInFromBottom 1.5s ease .8s backwards}.resumePage .downloadResumeDiv .downloadResumeButton{margin-left:20px}.resumePage .downloadResumeDiv:hover{background:#a1fff9;color:#000}}@media screen and (max-width: 900px){.mainResumeText{font-size:34px;color:#fff;line-height:1.2;animation:slideInFromBottom 1.5s ease .2s backwards}.notMainResumeText{font-size:16px;color:#fff9;text-align:center;animation:slideInFromBottom 1.5s ease .4s backwards}.resumeText{display:flex;align-items:center;flex-direction:column;width:100%;margin-bottom:20px}.resume{width:90%!important;height:auto!important;border-radius:15px}.resumePage{display:flex;flex-direction:column;align-items:center;width:90%;height:calc(100% - 85px);color:#fff;padding:0 5%;overflow:auto}.resumePage>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:30px;margin-bottom:30px}.downloadResumeButton{margin-left:20px}.resumeOnPage{display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;animation:slideInFromBottom 1.5s ease .6s backwards}.downloadResumeDiv{margin:20px 0;border-radius:30px;color:#fff;border:3px solid #a1fff9;padding:10px;transition:.5s;display:flex;justify-content:center;align-items:center;width:70%;animation:slideInFromBottom 1.5s ease .8s backwards}}@media screen and (min-width: 901px){.aboutPage>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.aboutPage{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:auto;color:#fff;min-height:calc(100vh - 130px);padding:0 20%;margin-bottom:30px}.aboutPage .aboutMeText{font-size:56px;animation:slideInFromBottom 1.5s ease .2s backwards}.aboutPage .myDescriptionText{font-size:21px;color:#fff9;padding-top:25px;max-width:700px;margin-bottom:70px;text-align:center;animation:slideInFromBottom 1.5s ease .4s backwards}.aboutPage .skillsAndDescriptionDiv{display:flex;align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%;gap:60px}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame{width:60%;animation:slideInFromBottom 1.5s ease .6s backwards}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeTitle{font-size:35px;margin-bottom:30px}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody{gap:25px;display:flex;flex-direction:column}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .firstText,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .secondText,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .thirdText{font-size:18px;color:#ffffffb3;line-height:1.7}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .firstText div,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .secondText div,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .thirdText div{display:contents;font-weight:700;color:#fff}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .firstText a,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .secondText a,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .thirdText a{color:#a1fff9}.aboutPage .skillsAndDescriptionDiv .mySkillsFrame{width:40%;animation:slideInFromBottom 1.5s ease .9s backwards}.aboutPage .skillsAndDescriptionDiv .mySkillsFrame .mySkillsTitle{font-size:35px;margin-bottom:30px}.aboutPage .skillsAndDescriptionDiv .mySkillsFrame .mySkillsBody{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px}.aboutPage .skillsAndDescriptionDiv .mySkillsFrame .mySkillsBody .skill{background:#ffffff26;padding:15px;border-radius:5px;font-size:18px;cursor:default}}@media screen and (max-width: 900px){.aboutPage>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:30px;margin-bottom:30px}.aboutPage{display:flex;flex-direction:column;align-items:center;width:90%;height:calc(100% - 85px);color:#fff;padding:0 5%;overflow:auto}.aboutPage .aboutMeText{font-size:34px;color:#fff;line-height:1.2;margin-bottom:10px;animation:slideInFromBottom 1.5s ease .2s backwards}.aboutPage .myDescriptionText{font-size:16px;color:#ffffffb3;margin-bottom:30px;animation:slideInFromBottom 1.5s ease .4s backwards}.aboutPage .skillsAndDescriptionDiv{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;width:100%;gap:30px;animation:slideInFromBottom 1.5s ease .6s backwards}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame{width:100%}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeTitle{font-size:26px;margin-bottom:20px}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody{gap:15px;display:flex;flex-direction:column}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .firstText,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .secondText,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .thirdText{font-size:16px;color:#ffffffb3;line-height:1.7}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .firstText div,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .secondText div,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .thirdText div{display:contents;font-weight:700;color:#fff}.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .firstText a,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .secondText a,.aboutPage .skillsAndDescriptionDiv .moreAboutMeFrame .moreAboutMeBody .thirdText a{color:#a1fff9}.aboutPage .skillsAndDescriptionDiv .mySkillsFrame{width:100%}.aboutPage .skillsAndDescriptionDiv .mySkillsFrame .mySkillsTitle{font-size:26px;margin-bottom:20px}.aboutPage .skillsAndDescriptionDiv .mySkillsFrame .mySkillsBody{display:flex;flex-wrap:wrap;flex-direction:row;gap:15px}.aboutPage .skillsAndDescriptionDiv .mySkillsFrame .mySkillsBody .skill{background:#ffffff26;padding:14px;border-radius:5px;font-size:18px}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(300px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media screen and (min-width: 901px){.contactPage>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.contactPage{display:flex;flex-direction:column;justify-content:center;align-items:center;width:auto;height:auto;color:#fff;min-height:calc(100vh - 130px);padding:0 20%;overflow:hidden}.contactPage .canIHelp:first-letter,.contactPage .thankYou:first-letter{text-transform:capitalize}.contactPage .thankYou{font-size:56px;animation:slideInFromBottom 1.5s ease .2s backwards}.contactPage .canIHelp{font-size:21px;color:#fff9;padding-top:25px;max-width:700px;text-align:center;animation:slideInFromBottom 1.5s ease .4s backwards}.contactPage .wrapper{display:inline-flex;margin-top:80px;animation:slideInFromBottom 1.5s ease .6s backwards}.contactPage .wrapper .icon{margin:0 35px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:2}.contactPage .wrapper .icon span{position:relative;z-index:2;height:60px;width:60px;display:block;background:#fff;box-shadow:0 10px 10px #0000001a;border-radius:50%;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.contactPage .wrapper .icon span i{font-size:30px;line-height:60px;color:#1a1a1a}.contactPage .wrapper .icon .tooltip{position:absolute;top:0;background:#fff;box-shadow:0 10px 10px #0000001a;font-size:20px;padding:10px 18px;border-radius:25px;color:#fff;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.contactPage .wrapper .icon:hover .tooltip{opacity:1;pointer-events:auto;top:-65px}.contactPage .wrapper .icon .tooltip:before{position:absolute;content:"";height:15px;width:15px;bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg)}.contactPage .wrapper .icon:hover span,.contactPage .wrapp .icon:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,.4)}.contactPage .wrapper .icon:hover span{color:#000}.contactPage .wrapper .linkedin:hover span,.contactPage .wrapper .linkedin:hover .tooltip,.contactPage .wrapper .linkedin:hover .tooltip:before{background:#a1fff9;color:#000}.contactPage .wrapper .twitter:hover span,.contactPage .wrapper .twitter:hover .tooltip,.contactPage .wrapper .twitter:hover .tooltip:before{background:#a1fff9;color:#000}.contactPage .wrapper .telegram:hover span,.contactPage .wrapper .telegram:hover .tooltip,.contactPage .wrapper .telegram:hover .tooltip:before{background:#a1fff9;color:#000}.contactPage .wrapper .instagram:hover span,.contactPage .wrapper .instagram:hover .tooltip,.contactPage .wrapper .instagram:hover .tooltip:before{background:#a1fff9;color:#000}.contactPage .wrapper .mail:hover span,.contactPage .wrapper .mail:hover .tooltip,.contactPage .wrapper .mail:hover .tooltip:before{background:#a1fff9;color:#000}}@media screen and (max-width: 900px){.contactPage>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.contactPage{display:flex;flex-direction:column;align-items:center;width:90%;height:calc(100% - 85px);color:#fff;padding:0 5%;overflow:hidden}.contactPage .canIHelp:first-letter,.contactPage .thankYou:first-letter{text-transform:capitalize}.contactPage .thankYou{font-size:34px;color:#fff;line-height:1.2;margin-bottom:10px;animation:slideInFromBottom 1.5s ease .2s backwards}.contactPage .canIHelp{font-size:16px;color:#ffffffb3;margin-bottom:30px;text-align:center;animation:slideInFromBottom 1.5s ease .4s backwards}.contactPage .wrapper{display:inline-flex;margin-top:10px;animation:slideInFromBottom 1.5s ease .6s backwards}.contactPage .wrapper .icon{margin:0 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;z-index:1}.contactPage .wrapper .icon span{position:relative;z-index:2;height:40px;width:40px;display:block;background:#fff;box-shadow:0 10px 10px #0000001a;border-radius:50%;text-align:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.contactPage .wrapper .icon span i{font-size:22px;line-height:40px;color:#1a1a1a}}body{max-height:100vh;height:100vh;width:100vw;margin:0;display:flex;font-family:JetBrains Mono,monospace;overflow-x:hidden;background:#020a13}#root{max-height:100vh;height:100vh;width:100vw;margin:0;display:flex}@font-face{font-family:JetBrains Mono;src:url(/portfolio/assets/JetBrainsMono-Regular-Dh36KTnx.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/portfolio/assets/JetBrainsMono-Bold-DirYFTCx.ttf) format("truetype");font-weight:700;font-style:normal}