@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap";.headerWrapper,.headerWrapperDark{box-shadow:0 2px 12px #c4d6de40;display:flex;justify-content:center;position:fixed;width:100%;height:auto;min-height:unset;background-color:#fff;z-index:1000}.headerWrapperDark{background:#0d1727;box-shadow:0 -6px 13px #735d49}.headerWrapperDark p{color:#818184!important}.headerWrapperDark p:hover{color:var(--blue-100)!important}.headerWrapperDark p.activeLink{color:var(--blue-100)!important;font-weight:700}.header{display:flex;align-items:center;justify-content:space-between;padding:.25rem 6.4375rem .25rem 8rem;width:117rem}.header .logo{cursor:pointer}.header .header-links{display:flex;align-items:center;gap:40px}.header .header-links a{text-decoration:none}.header .header-links p{color:var(--grey-900);text-decoration:none;cursor:pointer;font-family:Mulish;font-size:1.05rem;font-style:normal;font-weight:500}.header .header-links p:hover{color:var(--blue-100)}.header .header-links p.activeLink{color:var(--blue-100);font-weight:700}.header .header-links button.theme,.header .header-links button.themeDark{display:flex;align-items:center;justify-content:center;background-color:var(--white-200);border:0px;padding:13px;border-radius:100%;filter:drop-shadow(0px 3px 7px rgba(72,4,3,.05));cursor:pointer}.header .header-links button.themeDark{background-color:#135fdc}.visible{top:0;transition:top .4s ease-out}.hidden{top:-125px;transition:top .4s ease-out}button.scrollUp{position:fixed;bottom:20px;right:25px;background-color:transparent;border:0;cursor:pointer}#menuToggle,#menuToggleDark{display:block;position:relative;z-index:1;margin-top:10px;-webkit-user-select:none;user-select:none}#menuToggle p,#menuToggleDark p{text-decoration:none;color:#232323;transition:color .3s ease}#menuToggle p.activeLink,#menuToggleDark p.activeLink{color:var(--blue-100)}#menuToggle input,#menuToggleDark input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span,#menuToggleDark span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:rgba(0,0,0,.7176470588);border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menuToggleDark span{background-color:#e0e0e0}#menuToggle span:first-child,#menuToggleDark span:first-child{transform-origin:0% 0%}#menuToggle span:nth-last-child(2),#menuToggleDark span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span,#menuToggleDark input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggleDark input:checked~span{background:#e0e0e0}#menuToggle input:checked~span:nth-last-child(3),#menuToggleDark input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#menuToggle input:checked~span:nth-last-child(2),#menuToggleDark input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu,#menuDark{position:fixed;display:flex;flex-direction:column;align-items:center;gap:4rem;width:130%;margin:-100px 0 0 -100%;padding:200px 50px 50px;height:130vh;background:#fafcfe;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(-200%);transition:transform .5s cubic-bezier(.77,.2,.05,1);background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1700223294/Vector-bg_ijfifv.png)}#menu a.activeLink,#menuDark a.activeLink{color:var(--blue-100);font-weight:700}#menuDark{background:#0d1727;background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1702285932/three_ehzwtb.png)}#menu li{padding:10px 0;font-size:22px;margin-top:10rem}#menuToggle input:checked~div,#menuToggleDark input:checked~div{transform:none}@media (min-width: 1024px) and (max-width: 1370px){.header{padding:1rem 6.4375rem 1rem 6rem}}@media (min-width: 821px) and (max-width: 1023px){.header{padding:1rem 4rem}}@media (min-width: 481px) and (max-width: 820px){.headerWrapper{background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1700223294/Vector-bg_ijfifv.png)}.headerWrapperDark{background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1702285932/three_ehzwtb.png)}.header{padding:1rem 4rem}}@media (min-width: 481px) and (max-width: 707px){.header{padding:1rem 1.31rem}}@media (max-width: 480px){.headerWrapper{background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1700223294/Vector-bg_ijfifv.png)}.headerWrapperDark{background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1702285932/three_ehzwtb.png)}.header{width:100%;padding:1rem 1.31rem}.header .logo img{height:60px}}@media (max-width: 290px){.header .header-links{gap:25px}}.socialswrapper{display:flex;gap:1.5rem}.hero-container{position:relative;margin-top:6.5rem}.hero-container #tsparticles{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:0}.hero-container .heroContainer,.hero-container .heroContainerDark{display:flex;justify-content:center;background:rgba(250,251,254,.7)}.hero-container .heroContainerDark{background:#061122;z-index:1}.hero-container .heroWrapper{display:flex;padding:4.375rem 8.875rem 12rem 8.125rem;align-items:center;justify-content:space-between;width:117rem;z-index:2}.hero-container .heroWrapper .leftHero p.hello{font-size:1.5rem;font-weight:300;line-height:3.75rem;color:#000}.hero-container .heroWrapper .leftHero h2.name{font-size:4rem;font-weight:700;line-height:4.6875rem;color:#101828}.hero-container .heroWrapper .leftHero p.extraDetails{font-size:1.125rem;font-weight:400;line-height:1.75rem;color:#101828;width:36.0625rem;margin:1.25rem 0 2rem}.hero-container .heroWrapper .leftHero .résuméContainer{display:flex;margin-top:1rem}.hero-container .heroWrapper .leftHero a.résumé{text-decoration:none;cursor:pointer}.hero-container .heroWrapper .leftHero a.résumé .button{background:#135fdc;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1.1rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #135fdc33}.hero-container .heroWrapper .leftHero a.résumé .button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #135fdc4d;background:#0f4cb3}.hero-container .heroWrapper .leftHero a.résumé .button .button__content{display:flex;align-items:center;gap:.5rem}.hero-container .heroWrapper .leftHero a.résumé .button .button__content:after{content:"→";transition:transform .3s ease}.hero-container .heroWrapper .leftHero a.résumé:hover .button__content:after{transform:translate(4px)}.hero-container .heroWrapper .leftHero p.viewCv{margin-bottom:3.5rem;color:#135fdc;font-size:1.125rem;font-weight:500;display:flex;align-items:center}.hero-container .heroWrapper .leftHero p.viewCv span.arrowIcon{margin-left:.37rem;margin-top:4px}.hero-container .heroWrapper .leftHero p.viewCv:hover span.arrowIcon{margin-left:.6rem;transition:.3s ease-out}.hero-container .heroContainerDark .heroWrapper .leftHero p.hello{color:#818184}.hero-container .heroContainerDark .heroWrapper .leftHero h2.name{color:#fff}.hero-container .heroContainerDark .heroWrapper .leftHero p.extraDetails{color:#bdbdbd}.hero-container .heroContainerDark .heroWrapper .leftHero p.viewCv{color:#3c80ee}.hero-container .heroContainerDark .heroWrapper .leftHero p.viewCv span svg path{fill:#3c80ee}.hero-container .heroContainerDark .heroWrapper .leftHero a.résumé .button{background:#3c80ee;box-shadow:0 2px 4px #3c80ee33}.hero-container .heroContainerDark .heroWrapper .leftHero a.résumé .button:hover{background:#2d6fd9;box-shadow:0 4px 8px #3c80ee4d}.hero-container .rightHero img{border-radius:50%;object-fit:cover;aspect-ratio:1}@media (min-width: 1024px) and (max-width: 1370px){.hero-container .heroWrapper{padding:4.375rem 6rem 6rem}.hero-container .heroWrapper .leftHero p.hello{font-size:1.3rem}.hero-container .heroWrapper .leftHero h2.name{font-size:3.1rem}.hero-container .heroWrapper .leftHero p.extraDetails{font-size:1.1rem;width:80%}.hero-container .heroWrapper .leftHero p.viewCv{font-size:1.1rem}.hero-container .heroWrapper .rightHero img{height:340px}}@media (min-width: 821px) and (max-width: 1023px){.hero-container .heroWrapper{padding:4.375rem 4rem 6rem}.hero-container .heroWrapper .leftHero p.hello{font-size:1.2rem}.hero-container .heroWrapper .leftHero h2.name{font-size:2.8rem;line-height:3rem}.hero-container .heroWrapper .leftHero p.extraDetails{font-size:1rem;width:80%}.hero-container .heroWrapper .leftHero p.viewCv{font-size:1rem}.hero-container .heroWrapper .rightHero img{height:250px}}@media (min-width: 481px) and (max-width: 820px){.heroContainer .heroWrapper,.heroContainerDark .heroWrapper{padding:2rem 4rem 6rem;flex-direction:column;align-items:flex-start}.heroContainer .heroWrapper .rightHero,.heroContainerDark .heroWrapper .rightHero{display:flex;justify-content:center;width:100%}.heroContainer .heroWrapper .rightHero img,.heroContainerDark .heroWrapper .rightHero img{margin-top:4.5rem}}@media (min-width: 481px) and (max-width: 707px){.heroContainer .heroWrapper,.heroContainerDark .heroWrapper{padding:1.69rem 1.31rem 6rem;flex-direction:column;width:100%}.heroContainer .heroWrapper .leftHero h2.name,.heroContainerDark .heroWrapper .leftHero h2.name{font-size:3rem}.heroContainer .heroWrapper .leftHero,.heroContainerDark .heroWrapper .leftHero{margin-top:25px}.heroContainer .heroWrapper .leftHero p.hello,.heroContainerDark .heroWrapper .leftHero p.hello{font-size:1.2rem;line-height:2.625rem}.heroContainer .heroWrapper .leftHero h2.name,.heroContainerDark .heroWrapper .leftHero h2.name{font-size:2.25rem;line-height:4.6875rem}.heroContainer .heroWrapper .leftHero p.extraDetails,.heroContainerDark .heroWrapper .leftHero p.extraDetails{font-size:1.125rem;font-weight:400;line-height:1.75rem;color:#101828;width:unset;margin:.5rem 0 2rem}.heroContainer .heroWrapper .leftHero p.viewCv,.heroContainerDark .heroWrapper .leftHero p.viewCv{font-size:1.125rem}.heroContainer .heroWrapper .rightHero,.heroContainerDark .heroWrapper .rightHero{display:flex;justify-content:center;width:100%}.heroContainer .heroWrapper .rightHero img,.heroContainerDark .heroWrapper .rightHero img{margin-top:4.5rem;height:370px}}@media (max-width: 480px){.hero-container{margin-top:5.4rem}.heroContainer .heroWrapper,.heroContainerDark .heroWrapper{flex-direction:column;width:100%;padding:1.69rem 1.31rem 6rem}.heroContainer .heroWrapper .leftHero,.heroContainerDark .heroWrapper .leftHero{margin-top:25px}.heroContainer .heroWrapper .leftHero p.hello,.heroContainerDark .heroWrapper .leftHero p.hello{font-size:1.2rem;line-height:2.625rem}.heroContainer .heroWrapper .leftHero h2.name,.heroContainerDark .heroWrapper .leftHero h2.name{font-size:2.25rem;line-height:4.6875rem}.heroContainer .heroWrapper .leftHero p.extraDetails,.heroContainerDark .heroWrapper .leftHero p.extraDetails{font-size:1.125rem;font-weight:400;line-height:1.75rem;color:#101828;width:unset;margin:.5rem 0 2rem}.heroContainer .heroWrapper .leftHero p.viewCv,.heroContainerDark .heroWrapper .leftHero p.viewCv{font-size:1.125rem}.heroContainer .heroWrapper .rightHero,.heroContainerDark .heroWrapper .rightHero{display:flex;justify-content:center;width:100%}.heroContainer .heroWrapper .rightHero img,.heroContainerDark .heroWrapper .rightHero img{margin-top:4.5rem;height:370px}}@media (max-width: 370px){.heroContainer .heroWrapper .leftHero h2.name,.heroContainerDark .heroWrapper .leftHero h2.name{font-size:1.9rem}.heroContainer .heroWrapper .leftHero p.extraDetails,.heroContainerDark .heroWrapper .leftHero p.extraDetails,.heroContainer .heroWrapper .leftHero p.viewCv,.heroContainerDark .heroWrapper .leftHero p.viewCv,.heroContainer .heroWrapper .leftHero p.hello,.heroContainerDark .heroWrapper .leftHero p.hello{font-size:1rem}}@media (max-width: 320px){.heroContainer .heroWrapper .leftHero h2.name,.heroContainerDark .heroWrapper .leftHero h2.name{font-size:1.6rem}.heroContainer .heroWrapper .rightHero img,.heroContainerDark .heroWrapper .rightHero img{margin-top:3rem;height:250px}}@media (max-width: 290px){.heroContainer .heroWrapper .leftHero h2.name,.heroContainerDark .heroWrapper .leftHero h2.name{font-size:1.6rem;line-height:3rem}.heroContainer .heroWrapper .leftHero p.extraDetails,.heroContainerDark .heroWrapper .leftHero p.extraDetails{line-height:1.6rem;font-size:.95rem}.heroContainer .heroWrapper .leftHero p.viewCv,.heroContainerDark .heroWrapper .leftHero p.viewCv{font-size:.95rem}.heroContainer .heroWrapper .rightHero img,.heroContainerDark .heroWrapper .rightHero img{margin-top:3rem;height:230px}}.résuméContainer{display:flex;justify-content:flex-start;align-items:center;margin-top:1rem;margin-bottom:2rem}.résuméContainer .résumé{text-decoration:none}.skillscontainer{width:100%;min-height:100vh;background-color:#f5f5f5;padding:4rem 0}.skillscontainerDark{width:100%;min-height:100vh;background-color:#1a1a1a;padding:4rem 0}.skillsWrapper{max-width:1200px;margin:0 auto;padding:0 2rem}.skillsWrapper h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;color:#333}.skillscontainerDark .skillsWrapper h1{color:#fff}.flexSkills{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skillsCategory{background-color:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease}.skillsCategory:hover{transform:translateY(-5px)}.skillsCategory h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#333;text-align:center}.skillscontainerDark .skillsCategory{background-color:#2a2a2a;box-shadow:0 2px 10px #0003}.skillscontainerDark .skillsCategory h2{color:#fff}.skillsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.skillItem{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;background-color:#f8f8f8;transition:background-color .3s ease}.skillItem:hover{background-color:#eee}.skillItem img{width:40px;height:40px;object-fit:contain}.skillItem span{font-size:.9rem;color:#666;text-align:center}.skillscontainerDark .skillItem{background-color:#333}.skillscontainerDark .skillItem:hover{background-color:#444}.skillscontainerDark .skillItem span{color:#ccc}@media (max-width: 768px){.skillsWrapper{padding:0 1rem}.flexSkills{grid-template-columns:1fr}.skillsList{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 480px){.skillsWrapper{padding:1rem}.skillsWrapper h1{font-size:1.75rem}.skillsCategory h2{font-size:1.25rem}.skillItem{padding:.75rem}.skillItem img{width:24px;height:24px}.skillItem span{font-size:.8rem}}.educationContainer{width:100%;min-height:auto;background-color:#f5f5f5;padding:4rem 0}.educationContainerDark{width:100%;min-height:auto;background-color:#1a1a1a;padding:4rem 0}.educationWrapper{max-width:1200px;margin:0 auto;padding:0 2rem}.educationWrapper h1{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center;color:#333}.educationContainerDark .educationWrapper h1{color:#fff}.educationList{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.educationItem{background-color:#fff;border-radius:25px;padding:2.5rem;min-height:200px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.educationItem:hover{transform:translateY(-5px)}.educationItem .institution{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#333}.educationItem .degree{font-size:1.1rem;color:#666;margin-bottom:.75rem;line-height:1.6}.educationItem .duration{font-size:1rem;color:#888;margin-bottom:.75rem;line-height:1.6}.educationItem .cgpa{font-size:1.1rem;color:#4a90e2;font-weight:500;line-height:1.6}.educationItemDark{background-color:#2f2f2f;border-radius:25px;padding:2.5rem;min-height:200px;box-shadow:0 4px 15px #0000004d}.educationItemDark .institutionDark{font-size:1.5rem;color:#fff;margin-bottom:1.5rem}.educationItemDark .degreeDark{font-size:1.1rem;color:#d4d4d4;line-height:1.6}.educationItemDark .durationDark{font-size:1rem;color:#b0b0b0;line-height:1.6}.educationItemDark .cgpaDark{font-size:1.1rem;color:#64b5f6;line-height:1.6}@media (max-width: 768px){.educationWrapper{padding:0 1rem}.educationList{grid-template-columns:1fr}}@media (max-width: 480px){.educationWrapper{padding:1rem}.educationWrapper h1{font-size:1.75rem}.educationItem{padding:1.25rem}.educationItem .institution{font-size:1.25rem}.educationItem .degree{font-size:1rem}.educationItem .duration,.educationItem .cgpa{font-size:.9rem}}.projectCardwrapper,.projectCardwrapperInvert{display:flex;align-items:center;gap:8.5rem;overflow:hidden;position:relative;padding-top:0}.projectCardwrapperInvert{flex-direction:row-reverse;justify-content:space-between}.rightPjInvert{padding-left:10rem}p.projectName,p.projectNameDark{color:#101828;font-size:2rem;font-weight:700;line-height:4.6875rem}p.projectNameDark{color:#fff}p.projectDesc,p.projectDescDark{color:#000;font-family:Mulish;font-size:1rem;font-weight:500;line-height:1.5rem;padding-right:40px}p.projectDescDark{color:#bdbdbd}a.moreDetails,a.moreDetailsDark{display:flex;align-items:center;text-decoration:none;gap:3px;color:#101828;font-family:Outfit;font-size:1rem;font-style:normal;font-weight:700;line-height:4.6875rem}a.moreDetails span.warning,a.moreDetailsDark span.warning{margin-top:8px;margin-left:3px}a.moreDetailsDark{color:#fff}a.moreDetailsDark span.warning svg path{stroke:#fff}@media (min-width: 1024px) and (max-width: 1420px){.projectCardwrapper,.projectCardwrapperInvert{gap:5rem}.leftPj img{height:400px}.rightPjInvert{padding-left:5rem}}@media (min-width: 821px) and (max-width: 1023px){.projectCardwrapper,.projectCardwrapperInvert{gap:2.5rem}.leftPj img{height:320px}.rightPjInvert{padding-left:2.5rem}p.projectDesc{padding-right:20px}}@media (min-width: 481px) and (max-width: 820px){.projectCardwrapper,.projectCardwrapperInvert{flex-direction:column-reverse;gap:0;padding-bottom:4rem;padding-top:0;border-bottom:1.2px solid rgba(241,245,250,.7)}.cardDark{border-bottom:1px solid rgba(129,129,132,.1294117647)}.projectCardwrapper:last-child,.projectCardwrapperInvert:last-child{border-bottom:unset;padding-bottom:0}.projectCardwrapper{align-items:flex-start}.projectCardwrapperInvert{align-items:flex-end}.rightPjInvert{padding-left:0}.rightPjInvert,.rightPj{padding:2rem 4rem}p.projectDesc{padding-right:0}}@media (min-width: 481px) and (max-width: 707px){.rightPjInvert,.rightPj{padding:1rem 1.31rem}.leftPj img{height:350px}}@media (max-width: 480px){.projectCardwrapper,.projectCardwrapperInvert{flex-direction:column-reverse;gap:0;padding-bottom:4rem;padding-top:0;border-bottom:1.2px solid rgba(241,245,250,.7)}.cardDark{border-bottom:1px solid rgba(129,129,132,.1294117647)}.projectCardwrapper:last-child,.projectCardwrapperInvert:last-child{border-bottom:unset;padding-bottom:0}.projectCardwrapper{align-items:flex-start}.projectCardwrapperInvert{align-items:flex-end}.leftPj{transition:all .1s ease-out}.leftPj img{height:300px}.rightPjInvert{padding-left:0}.rightPjInvert,.rightPj{padding:1rem 1.31rem}p.projectDesc{padding-right:0}}@media (max-width: 370px){.leftPj img{height:250px}}@media (max-width: 290px){.leftPj img{height:230px}}.headingWrapper,.headingWrapperDark{position:relative;margin-bottom:5.5em;text-align:center}.headingWrapper p.headName,.headingWrapperDark p.headName{color:#101828;font-size:2rem;font-style:normal;font-weight:600}.headingWrapper .headLine,.headingWrapperDark .headLine{border-radius:2px;background:#bfc7d7;height:4px;width:50px;position:absolute;top:45px;left:48%}.headingWrapperDark p.headName{color:#fff}@media (max-width: 480px){.headingWrapper,.headingWrapperDark{margin-bottom:3rem}.headingWrapper .headLine,.headingWrapperDark .headLine{left:43%}}.projectWrapper,.projectWrapperDark{background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1700223294/Vector-bg_ijfifv.png);padding:0 0 2rem}.projectWrapper .projects,.projectWrapperDark .projects{display:flex;flex-direction:column;gap:7.5rem}.projectWrapper .viewMoreContainer,.projectWrapperDark .viewMoreContainer{display:flex;justify-content:center;margin-top:0}.projectWrapper .viewMoreContainer .viewMoreButton,.projectWrapper .viewMoreContainer .viewMoreButtonDark,.projectWrapperDark .viewMoreContainer .viewMoreButton,.projectWrapperDark .viewMoreContainer .viewMoreButtonDark{padding:1.25rem 2.5rem;font-size:1.25rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.projectWrapper .viewMoreContainer .viewMoreButton:hover,.projectWrapper .viewMoreContainer .viewMoreButtonDark:hover,.projectWrapperDark .viewMoreContainer .viewMoreButton:hover,.projectWrapperDark .viewMoreContainer .viewMoreButtonDark:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.projectWrapper .viewMoreContainer .viewMoreButton:active,.projectWrapper .viewMoreContainer .viewMoreButtonDark:active,.projectWrapperDark .viewMoreContainer .viewMoreButton:active,.projectWrapperDark .viewMoreContainer .viewMoreButtonDark:active{transform:translateY(-2px);transition:all .2s}.projectWrapper .viewMoreContainer .viewMoreButton:after,.projectWrapper .viewMoreContainer .viewMoreButtonDark:after,.projectWrapperDark .viewMoreContainer .viewMoreButton:after,.projectWrapperDark .viewMoreContainer .viewMoreButtonDark:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease-out,height .6s ease-out}.projectWrapper .viewMoreContainer .viewMoreButton:hover:after,.projectWrapper .viewMoreContainer .viewMoreButtonDark:hover:after,.projectWrapperDark .viewMoreContainer .viewMoreButton:hover:after,.projectWrapperDark .viewMoreContainer .viewMoreButtonDark:hover:after{width:300px;height:300px}.projectWrapper .viewMoreContainer .viewMoreButton,.projectWrapperDark .viewMoreContainer .viewMoreButton{background:#135fdc;color:#fff}.projectWrapper .viewMoreContainer .viewMoreButton:hover,.projectWrapperDark .viewMoreContainer .viewMoreButton:hover{background:#0f4cb0}.projectWrapper .viewMoreContainer .viewMoreButtonDark,.projectWrapperDark .viewMoreContainer .viewMoreButtonDark{background:#3c80ee;color:#fff}.projectWrapper .viewMoreContainer .viewMoreButtonDark:hover,.projectWrapperDark .viewMoreContainer .viewMoreButtonDark:hover{background:#2d6fd6}.projectContainerDark,.projectWrapperDark{background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1702285932/three_ehzwtb.png);background-color:#061122}.introWrapper,.introWrapperDark{display:flex;justify-content:center;background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1700223294/Vector-bg_ijfifv.png)}.introWrapperDark{background-color:#061122;background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1702285932/three_ehzwtb.png)}.flexWks{display:flex;justify-content:space-between;align-items:center;padding:7.4rem;width:117rem}.flexWks p.bel,.flexWks p.belDark{color:#000;font-family:Outfit;font-size:1.125rem;font-weight:600;line-height:1.5rem}.flexWks p.belDark{color:#fff}.flexWks p.intTrext,.flexWks p.intTrextDark{color:#000;font-family:Mulish;font-size:1.125rem;font-weight:500;line-height:2rem;margin-bottom:4.5rem;width:40rem}.flexWks p.intTrextDark{color:#bdbdbd}@media (min-width: 2000px){.projectContainer,.projectContainerDark{display:flex;justify-content:center;background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1700223294/Vector-bg_ijfifv.png)}.projectWrapper,.projectWrapperDark{background-image:unset;width:100rem}.projectContainerDark,.projectWrapperDark{background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1702285932/three_ehzwtb.png);background-color:#061122}}@media (min-width: 1024px) and (max-width: 1400px){.introWrapper,.introWrapperDark{padding:6rem}.flexWks{padding:unset}.flexWks p.intTrext,.flexWks p.intTrextDark{width:90%}.flexWks img{height:370px}}@media (min-width: 821px) and (max-width: 1023px){.introWrapper,.introWrapperDark{padding:4rem}.flexWks{flex-direction:column;padding:0}.flexWks p.intTrext,.flexWks p.intTrextDark{width:90%}.flexWks img{height:370px;margin-top:2rem}}@media (min-width: 481px) and (max-width: 820px){.projectWrapper .projects,.projectWrapperDark .projects{gap:0}.flexWks{flex-direction:column;padding:3rem 4rem}.flexWks p.intTrext,.flexWks p.intTrextDark{font-size:1rem;font-weight:500;line-height:1.8rem;margin-bottom:2.5rem;width:100%}.flexWks img{height:380px;margin-top:2rem}}@media (max-width: 480px){.projectWrapper .projects,.projectWrapperDark .projects{gap:1.2rem}.flexWks{flex-direction:column;padding:3rem 1.31rem}.flexWks p.intTrext,.flexWks p.intTrextDark{font-size:1rem;font-weight:500;line-height:1.8rem;margin-bottom:2.5rem;width:100%}.flexWks img{height:320px;margin-top:2rem}}@media (max-width: 380px){.flexWks{padding:3rem 1rem}.flexWks p.intTrext,.flexWks p.intTrextDark{font-size:.9rem}.flexWks img{height:250px}}@media (max-width: 290px){.flexWks{padding:3rem 1.1rem}.flexWks p.intTrext,.flexWks p.intTrextDark{font-size:.9rem}.flexWks img{height:220px}}.contactwrapper,.contactwrapperDark{display:flex;align-items:center;flex-direction:column;padding:60px 60px 90px;position:relative;background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1700223294/Vector-bg_ijfifv.png)}.contactwrapper p,.contactwrapperDark p{text-align:center;color:#101828;font-family:Outfit;font-size:4rem;font-weight:700;line-height:4.35781rem;margin-bottom:3rem}.contactwrapper .mg-0,.contactwrapperDark .mg-0{margin-bottom:0}.contactwrapper button.contact,.contactwrapperDark button.contact{background:#135fdc;color:#fff;cursor:pointer;padding:14px 40px;border-radius:28px;border:2px solid #135fdc;margin-bottom:70px}.contactwrapper .purple,.contactwrapper .green,.contactwrapper .gold,.contactwrapper .pink,.contactwrapperDark .purple,.contactwrapperDark .green,.contactwrapperDark .gold,.contactwrapperDark .pink{position:absolute}.contactwrapper .purple,.contactwrapperDark .purple{top:60px;left:250px}.contactwrapper .green,.contactwrapperDark .green{top:60px;right:250px}.contactwrapper .gold,.contactwrapperDark .gold{top:200px;left:500px}.contactwrapper .pink,.contactwrapperDark .pink{top:200px;right:500px}.contactwrapperDark{background-color:#061122;background-image:url(https://res.cloudinary.com/dt9pwfpi5/image/upload/v1702285932/three_ehzwtb.png)}.contactwrapperDark p{color:#fff}.cardCWrapper,.cardCWrapperDark{border-radius:.75rem;border:.5px solid rgba(242,242,242,.5);background:#fff;text-align:center;width:20.125rem;height:16.8125rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;box-shadow:4px 4px 12px #d6e5f140}.cardCWrapper p.appName,.cardCWrapperDark p.appName{color:#000c;font-size:1.125rem;font-weight:500;letter-spacing:-.01913rem}.cardCWrapper p.details a,.cardCWrapperDark p.details a{color:#00000080;text-align:center;font-family:Mulish;font-size:.875rem;font-weight:500;line-height:2.2885rem;letter-spacing:-.01488rem;text-decoration-line:underline}.cardCWrapperDark{background-color:#121d30;border:0;box-shadow:4px 4px 12px #061122}.cardCWrapperDark p.appName{color:#fff}.cardCWrapperDark p.details a{color:#bdbdbd}.flexMeans,.flexMeansDark{display:flex;gap:3rem;justify-content:center;padding:11rem;background:#fcfeff}.flexMeansDark{background-color:#061122}@media (min-width: 1024px) and (max-width: 1420px){.contactwrapper .purple,.contactwrapperDark .purple{left:150px}.contactwrapper .green,.contactwrapperDark .green{right:150px}.contactwrapper .gold,.contactwrapperDark .gold{left:300px}.contactwrapper .pink,.contactwrapperDark .pink{right:300px}.flexMeans,.flexMeansDark{padding:4rem;align-items:center}.cardCWrapper,.cardCWrapperDark{width:30rem}}@media (min-width: 821px) and (max-width: 1023px){.contactwrapper .purple,.contactwrapperDark .purple{left:50px}.contactwrapper .green,.contactwrapperDark .green{right:50px}.contactwrapper .gold,.contactwrapperDark .gold{left:190px}.contactwrapper .pink,.contactwrapperDark .pink{right:190px}.flexMeans,.flexMeansDark{flex-direction:column;padding:4rem;align-items:center}.cardCWrapper,.cardCWrapperDark{width:30rem}}@media (min-width: 481px) and (max-width: 820px){.contactwrapper .purple svg,.contactwrapper .green svg,.contactwrapper .gold svg,.contactwrapper .pink svg,.contactwrapperDark .purple svg,.contactwrapperDark .green svg,.contactwrapperDark .gold svg,.contactwrapperDark .pink svg{height:35px}.contactwrapper p,.contactwrapperDark p{font-size:3rem}.contactwrapper .purple,.contactwrapperDark .purple{top:35px;left:40px}.contactwrapper .green,.contactwrapperDark .green{top:20px;right:40px}.contactwrapper .gold,.contactwrapperDark .gold{top:260px;left:90px}.contactwrapper .pink,.contactwrapperDark .pink{top:260px;right:80px}.flexMeans,.flexMeansDark{flex-direction:column;padding:4rem;align-items:center}.cardCWrapper,.cardCWrapperDark{width:30rem}}@media (max-width: 510px){.contactwrapper,.contactwrapperDark{padding:50px}.contactwrapper p,.contactwrapperDark p{font-size:2rem;line-height:2.5rem;margin-bottom:2rem}.contactwrapper .purple svg,.contactwrapper .green svg,.contactwrapper .gold svg,.contactwrapper .pink svg,.contactwrapperDark .purple svg,.contactwrapperDark .green svg,.contactwrapperDark .gold svg,.contactwrapperDark .pink svg{height:25px}.contactwrapper .purple,.contactwrapperDark .purple{top:35px;left:10px}.contactwrapper .green,.contactwrapperDark .green{top:20px;right:20px}.contactwrapper .gold,.contactwrapperDark .gold{top:220px;left:40px}.contactwrapper .pink,.contactwrapperDark .pink{top:150px;right:30px}.flexMeans,.flexMeansDark{flex-direction:column;padding:3rem 1.31rem;align-items:center}.cardCWrapper,.cardCWrapperDark{width:18rem}}@media (max-width: 350px){.contactwrapper,.contactwrapperDark{padding:50px}.contactwrapper p,.contactwrapperDark p{font-size:1.6rem;line-height:2.5rem;margin-bottom:2rem}.contactwrapper .purple,.contactwrapperDark .purple{top:30px;left:10px}.contactwrapper .green,.contactwrapperDark .green{top:20px;right:20px}.contactwrapper .gold,.contactwrapperDark .gold{top:220px;left:30px}.contactwrapper .pink,.contactwrapperDark .pink{top:150px;right:30px}.flexMeans,.flexMeansDark{flex-direction:column;padding:3rem 1.31rem;align-items:center}.cardCWrapper,.cardCWrapperDark{width:16rem}}@media (max-width: 290px){.contactwrapper,.contactwrapperDark{padding:40px}.contactwrapper p,.contactwrapperDark p{font-size:1.6rem}.contactwrapper .purple,.contactwrapperDark .purple{top:10px;left:10px}.contactwrapper .green,.contactwrapperDark .green{top:10px;right:20px}.contactwrapper .gold,.contactwrapperDark .gold{top:220px;left:10px}.contactwrapper .pink,.contactwrapperDark .pink{top:150px;right:10px}.cardCWrapper,.cardCWrapperDark{width:15rem}}.pageHero,.pageHeroDark{width:100%;background-color:var(--white-background);position:relative;padding-top:9rem;padding-bottom:0rem}.pageHeroDark{background-color:var(--grey-900)}.pageHeroDark .topTextDark p,.pageHeroDark h1,.pageHeroDark .extraTextDark{color:var(--white-200)!important}.pageHeroContainer{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:0 1rem 50px;max-width:1200px;margin:0 auto;width:100%;height:100%;position:relative;z-index:1}.pageHeroContainer .topText,.pageHeroContainer .topTextDark{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.pageHeroContainer .topText span,.pageHeroContainer .topTextDark span{display:flex;align-items:center}.pageHeroContainer .topText p,.pageHeroContainer .topTextDark p{font-size:1.2rem;font-weight:500;color:var(--grey-900)}.pageHeroContainer .topTextDark p{color:var(--white-200)}.pageHeroContainer h1{font-size:3.5rem;font-weight:700;color:var(--grey-900);line-height:1.2;text-align:left}.pageHeroContainer h1 span{display:inline-block;margin-right:.5rem}.pageHeroContainer .extraText,.pageHeroContainer .extraTextDark{font-size:1.2rem;line-height:1.6;color:var(--grey-900);max-width:800px;text-align:left}.pageHeroContainer .extraTextDark{color:var(--white-200)}@media (max-width: 768px){.pageHeroContainer{padding:0 1rem}.pageHeroContainer h1{font-size:2.5rem;text-align:left}.pageHeroContainer .extraText,.pageHeroContainer .extraTextDark{font-size:1.1rem;text-align:left}}@media (min-width: 2500px){.pageHeroWrapper img,.pageHeroWrapperDark img{width:unset;margin-right:28rem}}@media (min-width: 1024px) and (max-width: 1400px){.pageHeroContainer{padding:0 8.875rem 6rem 6rem}.pageHeroContainer p.heading,.pageHeroContainer p.headingDark{font-size:5.5rem;text-align:left}.pageHeroContainer .goldRects{right:220px}.pageHeroContainer .greenRects{right:200px}}@media (min-width: 835px) and (max-width: 1023px){.pageHeroContainer{padding:0 4rem 6rem}.pageHeroContainer p.heading,.pageHeroContainer p.headingDark{font-size:5rem;text-align:left}.pageHeroContainer .goldRects{right:150px;top:370px}.pageHeroContainer .greenRects{right:200px}}@media (min-width: 481px) and (max-width: 834px){.pageHeroContainer{padding:0 4rem 6rem}.pageHeroContainer p.heading,.pageHeroContainer p.headingDark{font-size:4rem;margin:0;text-align:left}.pageHeroContainer p.extraText,.pageHeroContainer p.extraTextDark{font-size:.875rem;margin-top:0;text-align:left}.pageHeroContainer .purpleRects svg,.pageHeroContainer .goldRects svg,.pageHeroContainer .greenRects svg{height:28px}.pageHeroContainer .purpleRects{top:60px}.pageHeroContainer .goldRects{top:30px;right:30px}.pageHeroContainer .greenRects{top:320px;right:90px}}@media (min-width: 481px) and (max-width: 693px){.pageHeroContainer p.heading,.pageHeroContainer p.headingDark{font-size:2.5rem}}@media (max-width: 480px){.pageHero,.pageHeroDark{padding-top:7rem;padding-bottom:0}.pageHeroContainer{padding:0 1.31rem 2rem}.pageHeroContainer p.heading,.pageHeroContainer p.headingDark{font-size:2.5rem;margin:0;text-align:left}.pageHeroContainer p.extraText,.pageHeroContainer p.extraTextDark{font-size:.875rem;margin-top:0;text-align:left}.pageHeroContainer .purpleRects svg,.pageHeroContainer .goldRects svg,.pageHeroContainer .greenRects svg{height:28px}.pageHeroContainer .purpleRects{top:60px}.pageHeroContainer .goldRects{top:30px;right:30px}.pageHeroContainer .greenRects{top:320px;right:90px}}@media (max-width: 395px){.pageHeroContainer p.heading,.pageHeroContainer p.headingDark{font-size:2.2rem;margin:0;text-align:left}.pageHeroContainer p.extraText,.pageHeroContainer p.extraTextDark{font-size:.9rem;margin-top:0;text-align:left}.pageHeroContainer span.naij{display:none}.pageHeroContainer .greenRects{top:310px;right:90px}}@media (max-width: 354px){.pageHeroContainer p.heading,.pageHeroContainer p.headingDark{font-size:1.7rem}.pageHeroContainer p.extraText,.pageHeroContainer p.extraTextDark{font-size:.9rem}.pageHeroContainer span.naij{display:none}}@media (max-width: 290px){.pageHeroContainer{padding:7rem .9rem 5rem}.pageHeroContainer p.heading,.pageHeroContainer p.headingDark{font-size:1.7rem;margin:0}.pageHeroContainer p.extraText,.pageHeroContainer p.extraTextDark{font-size:.9rem}.pageHeroContainer span.naij{display:none}.pageHeroContainer .greenRects{top:300px;right:50px}}.aboutMe{width:100%;padding:4rem 0;background-color:var(--white)}.aboutMe .aboutMeContainer{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}@media (max-width: 768px){.aboutMe .aboutMeContainer{grid-template-columns:1fr;gap:2rem}}.aboutMe .aboutMeImage{width:100%;max-width:400px;margin:0 auto}.aboutMe .aboutMeImage img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px #0000001a;object-fit:cover;aspect-ratio:1}.aboutMe .aboutMeContent .aboutMeTitle{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1.5rem}.aboutMe .aboutMeContent .aboutMeText{font-size:1.1rem;line-height:1.8;color:var(--gray-700);margin-bottom:1rem}.aboutMe .aboutMeContent .aboutMeText:last-child{margin-bottom:0}.aboutMe .experienceSection{max-width:1200px;margin:4rem auto 0;padding:0 1rem}.aboutMe .experienceSection .experienceTitle{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:2rem}.aboutMe .experienceSection .experienceContent{display:flex;flex-direction:column;gap:2.5rem}.aboutMe .experienceSection .experienceItem .experienceItemTitle{font-size:1.4rem;font-weight:600;color:var(--gray-800);margin-bottom:.5rem}.aboutMe .experienceSection .experienceItem .experienceItemSubtitle{font-size:1.1rem;color:var(--gray-600);margin-bottom:1rem}.aboutMe .experienceSection .experienceItem .experienceItemList{list-style-type:disc;padding-left:1.5rem}.aboutMe .experienceSection .experienceItem .experienceItemList li{font-size:1.1rem;line-height:1.8;color:var(--gray-700);margin-bottom:.5rem}.aboutMe .experienceSection .experienceItem .experienceItemList li:last-child{margin-bottom:0}.aboutMeDark{width:100%;padding:4rem 0;background-color:var(--black)}.aboutMeDark .aboutMeContainer{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center}@media (max-width: 768px){.aboutMeDark .aboutMeContainer{grid-template-columns:1fr;gap:2rem}}.aboutMeDark .aboutMeImage{width:100%;max-width:400px;margin:0 auto}.aboutMeDark .aboutMeImage img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px #0000004d;object-fit:cover;aspect-ratio:1}.aboutMeDark .aboutMeContent .aboutMeTitleDark{font-size:2.5rem;font-weight:700;color:var(--gray-100);margin-bottom:1.5rem}.aboutMeDark .aboutMeContent .aboutMeTextDark{font-size:1.1rem;line-height:1.8;color:var(--gray-300);margin-bottom:1rem}.aboutMeDark .aboutMeContent .aboutMeTextDark:last-child{margin-bottom:0}.aboutMeDark .experienceSection{max-width:1200px;margin:4rem auto 0;padding:0 1rem}.aboutMeDark .experienceSection .experienceTitleDark{font-size:2.5rem;font-weight:700;color:var(--gray-100);margin-bottom:2rem}.aboutMeDark .experienceSection .experienceContent{display:flex;flex-direction:column;gap:2.5rem}.aboutMeDark .experienceSection .experienceItem .experienceItemTitleDark{font-size:1.4rem;font-weight:600;color:var(--gray-200);margin-bottom:.5rem}.aboutMeDark .experienceSection .experienceItem .experienceItemSubtitleDark{font-size:1.1rem;color:var(--gray-400);margin-bottom:1rem}.aboutMeDark .experienceSection .experienceItem .experienceItemListDark{list-style-type:disc;padding-left:1.5rem}.aboutMeDark .experienceSection .experienceItem .experienceItemListDark li{font-size:1.1rem;line-height:1.8;color:var(--gray-300);margin-bottom:.5rem}.aboutMeDark .experienceSection .experienceItem .experienceItemListDark li:last-child{margin-bottom:0}@media (max-width: 480px){.aboutMe,.aboutMeDark{padding:1rem 0}}.contactCard{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:var(--white);border:1px solid var(--gray-200);border-radius:8px;transition:all .3s ease}.contactCard:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.contactCard .icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:50%;color:#fff}.contactCard .icon svg{width:35px;height:35px}.contactCard .icon .gmail-icon{width:45px;height:45px}.contactCard .details h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-800)}.contactCard .details p,.contactCard .details a{font-size:1rem;color:var(--gray-600);text-decoration:none;transition:color .3s ease}.contactCard .details p:hover,.contactCard .details a:hover{color:var(--blue-600)}.contactCardDark{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background-color:var(--gray-800);border:1px solid var(--gray-700);border-radius:8px;transition:all .3s ease}.contactCardDark:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.contactCardDark .icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#000;border-radius:50%;color:#fff}.contactCardDark .icon svg{width:35px;height:35px}.contactCardDark .icon .gmail-icon{width:45px;height:45px}.contactCardDark .details h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-200)}.contactCardDark .details p,.contactCardDark .details a{font-size:1rem;color:var(--gray-400);text-decoration:none;transition:color .3s ease}.contactCardDark .details p:hover,.contactCardDark .details a:hover{color:var(--blue-400)}.meansOfContact{width:100%;padding:2rem 0;background-color:var(--white);color:var(--black)}.meansOfContact .meansOfContactContainer{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.meansOfContactDark{width:100%;padding:2rem 0;background-color:var(--black);color:var(--white)}.meansOfContactDark .meansOfContactContainer{max-width:1200px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.meansOfContact .meansOfContactContainer,.meansOfContactDark .meansOfContactContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.meansOfContact .meansOfContactContainer,.meansOfContactDark .meansOfContactContainer{grid-template-columns:1fr}}.App{width:100%;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:all .3s ease}.App.dark{--background-color: #1a1a1a;--text-color: #ffffff}.App.light{--background-color: #ffffff;--text-color: #333333}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{height:100%;width:100%;margin:0;padding:0}#root{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}img{max-width:100%;height:auto}:root{--grey-900: #101828;--white-background: rgba(250, 251, 254, .7);--blue-100: #135FDC;--white-200: #FFFEFC}*{font-family:Outfit,sans-serif;margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.route-switch-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--white-background);z-index:2000}.route-switch-screen-dark{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--blue-100);z-index:2000}@media (max-width: 768px){.route-switch-screen,.route-switch-screen-dark{transition:.8s ease-in-out}}