@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}}.dunks-card{background:#ffffff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;width:450px;height:600px;flex-shrink:0;display:flex;flex-direction:column}.dunks-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-8px)}.dunks-card:hover .image-overlay{opacity:1}.dunks-card:hover .project-image{transform:scale(1.05)}.dunks-card.card-dark{background:#1a1a1a;box-shadow:0 4px 20px #0000004d}.dunks-card.card-dark:hover{box-shadow:0 8px 30px #0006}.dunks-card.home-page-card{width:400px;height:620px}.dunks-card.home-page-card .card-image-container{height:200px}.dunks-card.home-page-card .card-content{padding:1.5rem;height:420px}.dunks-card.home-page-card .card-content .project-title,.dunks-card.home-page-card .card-content .project-title-dark{font-size:1.35rem;margin:0 0 1rem}.dunks-card.home-page-card .card-content .project-description,.dunks-card.home-page-card .card-content .project-description-dark{font-size:.95rem;line-height:1.6}.dunks-card.home-page-card .card-content .card-links{margin-top:2rem;padding-top:1rem}@media (max-width: 768px){.dunks-card.home-page-card{width:370px;height:580px}.dunks-card.home-page-card .card-image-container{height:180px}.dunks-card.home-page-card .card-content{padding:1.25rem;height:400px}.dunks-card.home-page-card .card-content .project-title,.dunks-card.home-page-card .card-content .project-title-dark{font-size:1.2rem}.dunks-card.home-page-card .card-content .project-description,.dunks-card.home-page-card .card-content .project-description-dark{font-size:.9rem}}@media (max-width: 480px){.dunks-card.home-page-card{width:340px;height:540px}.dunks-card.home-page-card .card-image-container{height:170px}.dunks-card.home-page-card .card-content{padding:1rem;height:370px}.dunks-card.home-page-card .card-content .project-title,.dunks-card.home-page-card .card-content .project-title-dark{font-size:1.1rem}.dunks-card.home-page-card .card-content .project-description,.dunks-card.home-page-card .card-content .project-description-dark{font-size:.85rem}}.card-image-container{position:relative;overflow:hidden;height:240px;cursor:pointer;flex-shrink:0}.card-image-container .project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-image-container .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.card-image-container .image-overlay .overlay-content .view-text{color:#fff;font-weight:500;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;min-height:0;height:360px}.card-content .project-title,.card-content .project-title-dark{font-size:1.5rem;font-weight:600;line-height:1.3;color:#1a1a1a;margin:0 0 1rem;flex-shrink:0}.card-content .project-title-dark{color:#fff}.card-content .project-description,.card-content .project-description-dark{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:0;font-weight:400;flex:1}.card-content .project-description-dark{color:#b0b0b0}.card-content .card-links{display:flex;gap:1rem;margin-top:2rem;flex-shrink:0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.card-content .card-links .project-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#f5f5f5;color:#333;text-decoration:none;transition:all .3s ease}.card-content .card-links .project-link:hover{background:#e0e0e0;transform:translateY(-2px)}.card-content .card-links .project-link svg{width:18px;height:18px}.card-dark .card-links .project-link{background:#2a2a2a;color:#fff}.card-dark .card-links .project-link:hover{background:#3a3a3a}.card-dark .card-links{border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.dunks-card{width:400px;height:550px}.dunks-card .card-image-container{height:200px}.dunks-card .card-content{padding:1.25rem;height:350px}.dunks-card .card-content .project-title,.dunks-card .card-content .project-title-dark{font-size:1.3rem}.dunks-card .card-content .project-description,.dunks-card .card-content .project-description-dark{font-size:.9rem}.dunks-card .card-content .card-links{margin-top:1.5rem}}@media (max-width: 480px){.dunks-card{width:350px;height:500px}.dunks-card .card-image-container{height:180px}.dunks-card .card-content{padding:1rem;height:320px}.dunks-card .card-content .project-title,.dunks-card .card-content .project-title-dark{font-size:1.2rem}.dunks-card .card-content .project-description,.dunks-card .card-content .project-description-dark{font-size:.85rem}.dunks-card .card-content .card-links{margin-top:1rem}}.tinder-card,.modern-project-card,.projectCardwrapper,.projectCardwrapperInvert{display:none}.headingWrapper,.headingWrapperDark{position:relative;margin-bottom:5.5em;text-align:center;padding-top:1.5em}.headingWrapper p.headName,.headingWrapperDark p.headName{color:#101828;font-size:2rem;font-style:normal;font-weight:600;padding-top:0}.headingWrapper p.headName.featured-works,.headingWrapperDark p.headName.featured-works{padding-top:1.5rem}.headingWrapper .headLine,.headingWrapperDark .headLine{border-radius:2px;background:#bfc7d7;height:4px;width:50px;margin:.5em auto 0;position:static;top:unset;left:unset}.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}.carousel-container{position:relative;display:flex;align-items:center;gap:1rem;padding:2rem;max-width:1500px;margin:0 auto}.carousel-container.featured-carousel{max-width:1350px;justify-content:center}.carousel-container.featured-carousel .carousel-content{justify-content:center;gap:1.5rem}@media (max-width: 768px){.carousel-container{padding:1rem;max-width:100%}}.carousel-track{flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding:0 1rem}.carousel-track::-webkit-scrollbar{display:none}.carousel-content{display:flex;gap:2rem;padding:1rem 0;justify-content:flex-start;align-items:flex-start;transition:transform .5s cubic-bezier(.4,0,.2,1);min-width:fit-content}@media (max-width: 768px){.carousel-content{gap:1.5rem;padding:.5rem 0}}.carousel-btn{position:relative;width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;flex-shrink:0}.carousel-btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(.8)}.carousel-btn.btn-light{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.carousel-btn.btn-light:hover:not(:disabled){background:#e0e0e0;transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.carousel-btn.btn-light:active:not(:disabled){transform:scale(.95)}.carousel-btn.btn-dark{background:#2a2a2a;color:#fff;border:1px solid #3a3a3a}.carousel-btn.btn-dark:hover:not(:disabled){background:#3a3a3a;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.carousel-btn.btn-dark:active:not(:disabled){transform:scale(.95)}.carousel-btn svg{width:20px;height:20px;transition:transform .2s ease}.carousel-btn:hover:not(:disabled) svg{transform:scale(1.1)}@media (max-width: 768px){.carousel-btn{width:40px;height:40px}.carousel-btn svg{width:18px;height:18px}}.carousel-btn-left{margin-right:1rem}.carousel-btn-right{margin-left:1rem}.dunks-card{animation:slideIn .6s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.dunks-card:hover .card-image-container .project-image{transform:scale(1.05)}.dunks-card:hover .card-content .project-title,.dunks-card:hover .card-content .project-title-dark{color:#667eea;transition:color .3s ease}.dunks-card:hover .card-content .project-title-dark{color:#8b9eff}@media (max-width: 480px){.carousel-btn{display:none}.carousel-container{gap:0}.carousel-track{margin:0 -1rem;padding:0 1rem}}@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}}.featured-carousel{padding-top:0!important}.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}}