:root{--primary-text-color:#202020;--primary-text-color-hover:#f7f7f7;--secondary-text-color:#626d84;--tertiary-text-color:#626d84;--tertiary-text-color-hover:#9fa3ad;--background-color:#fff;--primary-button-text-color:#000;--primary-button-text-color-hover:#fff;--primary-button-border:#000;--primary-button-background-hover:#000;--dot-color:#2e2e48;--container-color:#f7f9fc;--container-color-hover:#e5e9eb;--seperator-color:#d1d6e0;--footer-background-color:#111}[data-theme=dark]{--primary-text-color:#f7f7f7;--primary-text-color-hover:#202020;--secondary-text-color:#afb3b6;--tertiary-text-color:#9fa3ad;--tertiary-text-color-hover:#626d84;--background-color:#090909;--primary-button-text-color:#fff;--primary-button-text-color-hover:#000;--primary-button-border:#fff;--primary-button-background-hover:#fff;--dot-color:#cacadd;--container-color:#161616;--container-color-hover:#202022;--seperator-color:#2c2c2e;--footer-background-color:#eee}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}::-webkit-scrollbar{width:0}body{background-color:#fff;background-color:var(--background-color);box-sizing:border-box;font-family:Satoshi,sans-serif;margin:0}.navbar-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;background:var(--background-color);border:1px solid #d1d6e0;border:1px solid var(--seperator-color);border-radius:6.25rem;box-shadow:0 4px 20px #0000001a;left:50%;padding:.75rem 1.5rem;position:fixed;top:2rem;transform:translateX(-50%);z-index:999}[data-theme=dark] .navbar-pill{background:#090909cc}[data-theme=light] .navbar-pill{background:#fffc}.nav-list{align-items:center;display:flex;gap:2rem;margin:0;padding:0}.nav-item{margin-bottom:0!important}.nav-link{color:#626d84;color:var(--secondary-text-color);font-size:1.25rem;font-weight:500;text-decoration:none;text-transform:capitalize;transition:.3s}.nav-link:hover{color:#202020;color:var(--primary-text-color)}.abstract-stroke{height:200vh;left:-15vw;opacity:.75;pointer-events:none;position:fixed;top:0;width:60vw;will-change:transform;z-index:-1}.App{font-family:Satoshi,sans-serif;gap:22.5rem;margin:3rem auto;max-width:74rem;padding:0 8rem;text-align:center}.App,.hero{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero{align-self:stretch;cursor:default;font-family:Satoshi;gap:2rem}.hero,h1{color:#202020;color:var(--primary-text-color)}h1{font-family:Lexend;font-size:12rem;font-weight:400;margin-bottom:2rem}h2{color:#202020;color:var(--primary-text-color);font-size:3rem;font-weight:700;text-transform:capitalize}h2,h3{margin:0}h3{color:#626d84;color:var(--secondary-text-color);font-size:2.5rem;font-weight:400}h4{color:#202020;color:var(--primary-text-color);font-size:2rem;font-weight:500;line-height:3.5rem;text-transform:capitalize}h4,p{align-self:stretch;margin:0}p{color:#626d84;color:var(--secondary-text-color);font-size:1.5rem;font-style:normal;font-weight:400;letter-spacing:.015rem;line-height:2.5rem;text-align:left}ul{margin:0;padding:0}li{list-style-type:none}li:not(:last-child){margin-bottom:2rem}li p{text-align:left}.primary-button{border:none;color:#000;color:var(--primary-button-text-color);font-size:1.5rem;font-weight:400;letter-spacing:.015rem;padding:1.5rem}.btn-inside,.primary-button{background-color:#fff;background-color:var(--background-color);pointer-events:none;transition:.4s}.btn-inside{border:1px solid #000;border:1px solid var(--primary-button-border)}.btn-inside2{padding:1.5rem 3rem;pointer-events:auto;transition:.4s}.primary-button:hover{padding:0}.btn-inside:hover{padding:1.5rem}.btn-inside2:hover{background-color:#000;background-color:var(--primary-button-background-hover);color:#fff;color:var(--primary-button-text-color-hover)}.darkmode-switch{align-items:center;display:flex;flex-direction:column;position:absolute;right:2rem;top:1rem;>p{font-size:1.25rem;font-weight:500}}.seperator{align-items:flex-start;display:flex;gap:2rem;justify-content:center}.seperator p{color:#202020;color:var(--primary-text-color)}.section-container{gap:5rem}.content-container-vertical,.section-container{align-items:center;align-self:stretch;display:flex;flex-direction:column}.content-container-vertical{gap:1rem}.content-container-horizontal{align-items:flex-start;align-self:stretch;display:flex;gap:2rem;justify-content:center}.about-me p,.creator p{text-align:center}.project{align-items:flex-start;align-self:stretch;background:#f7f9fc;background:var(--container-color);border-radius:.5rem;cursor:pointer;display:flex;flex:1 0;flex-direction:column;gap:1rem;padding:2rem;transition:.4s}.project:hover{background:#e5e9eb;background:var(--container-color-hover)}.latest-projects{color:#202020;color:var(--primary-text-color)}.latest-projects .content-container-horizontal{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-items:center;width:100%}.title-and-icon{align-items:center;display:flex;gap:.5rem}.project img{border-radius:.5rem;height:15rem;object-fit:cover;width:20rem}.project-content{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;text-align:left}.project-content p{color:#626d84;color:var(--tertiary-text-color);font-size:1.2rem;line-height:2rem;text-align:left}.content-container{align-items:center;align-self:stretch;display:flex;flex-direction:column}.work-experience{color:#202020;color:var(--primary-text-color)}.timeline-item{align-items:flex-start;gap:.75rem;justify-content:center}.timeline-item,.timeline-line{align-self:stretch;display:flex}.timeline-line{align-items:center;flex-direction:column}.dot{align-items:center;border-radius:6.25rem;display:flex;height:3rem;width:3rem}.dot svg{color:#2e2e48;color:var(--dot-color);height:62.5%;margin:auto;width:62.5%}.divider{background:#f7f9fc;background:var(--container-color);flex:1 0;flex-direction:column;justify-content:center;width:.25rem}.date-time,.divider{align-items:center;display:flex}.date-time{gap:2rem;height:3rem}.date-time p{margin:auto}.badge{align-items:center;background:#efe2f9;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;padding:.25rem 1rem}.date-time .badge p{color:#7625f4;font-weight:500}.location{align-items:center;align-self:stretch;display:flex;gap:.5rem;height:100%}.location svg{height:67%}.location p,.location svg{color:#626d84;color:var(--tertiary-text-color);margin:auto}.item-description{align-items:flex-start;align-self:stretch;display:flex;gap:4rem}.item-description ul{flex:1 0}.timeline-item-content{align-self:stretch;flex:1 0;flex-direction:column;padding-bottom:8rem}.item-header,.timeline-item-content{align-items:flex-start;display:flex;gap:2rem}.item-header{width:31rem}.item-header img{border-radius:1rem;flex-shrink:0;height:5rem;object-fit:cover;width:5rem}.item-name{align-items:flex-start;align-self:stretch;display:flex;flex:1 0;flex-direction:column}.item-name .subtitle{align-self:stretch;color:#202020;color:var(--primary-text-color);font-weight:500;text-transform:uppercase}.item-name .title{align-self:stretch}.skill-category{align-self:stretch;flex-direction:column;gap:3.5rem}.skill-category,.skill-header{align-items:center;display:flex;justify-content:center}.skill-header{gap:2rem}.skill-header .icon-container{align-items:center;border-radius:6.25rem;display:flex;justify-content:center;padding:.5rem}.design-icon{background:#efe2f9}.development-icon{background:#e1e7fe}.skill-header .icon-container img{height:2.5rem;margin:auto}.skill-stack{align-items:center;flex-direction:column}.skill-stack,.stack-row{align-self:stretch;display:flex;gap:1.5rem}.skill,.stack-row{align-items:flex-start;justify-content:center}.skill{background:#f7f9fc;background:var(--container-color);border-radius:.5rem;display:flex;flex:1 0;gap:1rem;padding:2rem}.skill-seperator{align-self:stretch;background:#d1d6e0;background:var(--seperator-color);width:.125rem}.skill p{color:#626d84;color:var(--secondary-text-color);flex:1 0;text-align:center;text-transform:capitalize}.footer{background-color:#111;background-color:var(--footer-background-color);margin-top:22.5rem;padding:4rem}.footer,.footer p{color:#fff;color:var(--background-color);text-align:center}.footer p{font-size:1.25rem}.social i{cursor:pointer;margin:2rem}.container{margin:0 auto;max-width:1200px;width:80%}@media screen and (max-width:1920px){.latest-projects .content-container-horizontal{grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}}@media screen and (max-width:1440px){.latest-projects .content-container-horizontal{grid-template-columns:repeat(3,1fr)}.project img{height:12rem;width:16rem}}@media screen and (max-width:1024px){.App{gap:9rem;margin:1.5rem auto;max-width:90%;padding:4rem 6rem}.hero{cursor:default;gap:3rem}h1{font-size:4.5rem;margin-bottom:1.5rem}h2{font-size:2.25rem;font-weight:700}h3{font-size:2rem}h4{font-size:1.5rem;line-height:2rem}p{font-size:1rem;letter-spacing:.0125rem;line-height:1.5rem}li:not(:last-child){margin-bottom:1.5rem}.primary-button{font-size:1.25rem;letter-spacing:.012rem;padding:1.25rem}.btn-inside2{padding:1.25rem 2.25rem}.btn-inside:hover{padding:1.25rem}.darkmode-switch{right:1rem;top:1rem}.seperator{gap:1.5rem}.section-container{gap:3.75rem}.content-container-vertical{gap:.75rem}.content-container-horizontal{gap:1.5rem}.project{border-radius:.75rem;gap:.75rem;padding:1.5rem}.latest-projects .content-container-horizontal{grid-template-columns:repeat(2,1fr)}.project-content p{font-size:1rem;line-height:1.5rem}.timeline-item{gap:.5rem}.dot{height:2.25rem;width:2.25rem}.divider{width:.125rem}.date-time{gap:1.5rem;height:2.25rem}.badge{padding:.1875rem .75rem}.location{gap:.375rem}.item-description{flex-direction:column;gap:3rem}.timeline-item-content{gap:1.5rem;padding-bottom:6rem}.item-header{gap:1.5rem;width:100%}.item-header img{border-radius:.75rem;height:3.75rem;width:3.75rem}.skill-category{gap:2.625rem}.skill-header{gap:1.5rem}.skill-header .icon-container{padding:.375rem}.skill-header .icon-container img{height:1.875rem}.skill,.skill-stack,.stack-row{gap:.75rem}.skill{align-self:stretch;border-radius:.5rem;padding:1.5rem}.footer{margin-top:11.25rem;padding:1.5rem}.footer p{font-size:1.125rem}.social i{font-size:3em;margin:1.5rem}.container{max-width:1024px;width:100%}}@media screen and (max-width:768px){.navbar-pill{display:flex;justify-content:center;padding:.5rem 1rem;top:auto;width:90%}.nav-list{gap:1rem;justify-content:space-around;width:100%}.nav-link{font-size:1.25rem}.App{gap:6rem;margin:1rem auto;max-width:90%;padding:4rem .5rem}.hero{cursor:default;gap:2rem}h1{font-size:3rem;margin-bottom:1rem}h2{font-size:1.75rem;font-weight:700}h3{font-size:1.5rem}h4{font-size:1.25rem;line-height:2.5rem}p{font-size:1rem;letter-spacing:.007rem;line-height:1.25rem}li:not(:last-child){margin-bottom:1rem}.primary-button{font-size:1.25rem;letter-spacing:.007rem;padding:1.25rem}.btn-inside2{padding:1.25rem 2.25rem}.btn-inside:hover{padding:1.25rem}.darkmode-switch{right:1rem;scale:.75;top:4.25rem}.seperator{gap:1rem}.section-container{gap:2.5rem}.content-container-vertical{gap:.5rem}.content-container-horizontal{gap:1rem}.latest-projects .content-container-horizontal{gap:1rem;grid-template-columns:repeat(2,1fr)}.project{border-radius:.5rem;gap:.5rem;padding:1rem}.project img{height:7.5rem;width:10rem}.timeline-item{gap:.375rem}.dot{height:1.5rem;width:1.5rem}.divider{width:.125rem}.date-time{gap:1rem;height:1.5rem}.badge{padding:.125rem .5rem}.location{gap:.25rem}.item-description{flex-direction:column;gap:2rem}.timeline-item-content{gap:1rem;padding-bottom:4rem}.item-header{gap:1rem;width:100%}.item-header img{border-radius:.5rem;height:2.5rem;width:2.5rem}.skill-category{gap:1.75rem}.skill-header{gap:1rem}.skill-header .icon-container{padding:.25rem}.skill-header .icon-container img{height:1.25rem}.skill-stack,.stack-row{gap:.5rem}.collapse-row{align-self:stretch;flex-direction:column}.skill{align-self:stretch;border-radius:.25rem;gap:.5rem;padding:1rem}.footer{margin-top:7.5rem;padding:1rem}.footer p{font-size:.75rem}.social i{font-size:2.5em;margin:1rem}.container{max-width:425px;width:100%}}@media screen and (max-width:600px){.nav-list{grid-row-gap:.5rem;grid-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:repeat(3,auto);justify-content:center;row-gap:.5rem}.App{padding-top:10rem}.darkmode-switch{top:6rem}}@media screen and (max-width:425px){.content-container-horizontal{flex-direction:column;gap:1rem}.darkmode-switch{top:6rem}.navbar-pill{padding:.25rem .5rem;top:auto;width:95%}.nav-list{gap:.5rem;justify-content:space-around;width:100%}.nav-link{font-size:1rem}.latest-projects .content-container-horizontal{gap:1rem;grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=main.5b1cc15a.css.map*/