:root{--main-font: "Cascadia Code", sans-serif;--secondary-font: 'Inter"', sans-serif;--text-color: #d0d9ff;--primary-color: #001727;--secondary-color: #b4ede4;--accent-color: #f4b9ec}.hidden{opacity:0;transition:all 2s}.show{opacity:1}html{padding:0;scroll-behavior:smooth}html,body{margin:0;min-height:100vh}body{background-color:var(--primary-color);background-repeat:no-repeat;background-size:100% 100%;background-attachment:scroll}header{background-color:#001727;position:absolute;width:100%;top:0;z-index:1000;margin:0;min-height:5rem}.portrait-logo{display:none;width:3.25rem;border-radius:50%}.nav-links{list-style-type:none;display:flex;gap:clamp(.75rem,1.5vw,1.5rem);align-content:center;justify-content:right;font-family:var(--main-font);margin:0;padding:0}.nav-links li a{position:relative;text-decoration:none;color:var(--text-color);font-size:clamp(.9rem,.75rem + .25vw,1.05rem)}.nav-links li a:before{content:"";position:absolute;bottom:-5px;left:0;height:2px;width:0;background-color:#f4b9ec;transition:all .3s ease-in-out}.nav-links li a:hover:before{width:100%}.logo{color:var(--text-color);font-family:var(--main-font);font-size:clamp(.95rem,.8rem + .25vw,1.1rem);border:1px solid var(--text-color);padding:.5em;border-radius:50%;margin:0}.nav-container{display:flex;justify-content:space-between;align-items:center;min-height:5rem;padding-inline:clamp(1rem,4vw,2rem)}@media (max-width: 768px){header{min-height:4.5rem}.nav-container{min-height:4.5rem}.nav-links{gap:.75rem}}@media (max-width: 576px){.logo,.nav-links,.portrait-logo{display:none}}@media (max-width: 400px){.nav-container{padding-inline:.85rem}}.project-container{height:100vh;display:flex;flex-direction:column;align-items:center}.project-section-title{color:var(--text-color);font-family:var(--main-font);text-align:center;padding-top:1em;font-size:3em;border-bottom:1px solid var(--accent-color);width:10em;padding-bottom:.3em}:root{--carousel-gap: 2rem}.projects-carousel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;width:100%;max-width:min(92rem,calc(100vw - 1rem))}.projects-viewport{position:relative;overflow:hidden;width:100%;padding-inline:1.5rem;padding-block:2rem 6.75rem;box-sizing:border-box}.projects-viewport:before,.projects-viewport:after{content:"";position:absolute;top:0;bottom:0;width:1rem;pointer-events:none;z-index:1}.projects-viewport:before{left:0;background:linear-gradient(to right,var(--primary-color),transparent)}.projects-viewport:after{right:0;background:linear-gradient(to left,var(--primary-color),transparent)}.projects-track{display:flex;gap:var(--carousel-gap);list-style:none;padding:0;margin:0;will-change:transform}.carousel-button{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex-shrink:0;border:1px solid var(--secondary-color);border-radius:50%;background-color:#021d30;color:var(--secondary-color);cursor:pointer;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.carousel-button:hover{transform:scale(1.05);box-shadow:#64646f33 0 7px 14px}.project-slide{flex:0 0 var(--slide-size);min-width:0}.project-card{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--secondary-color);height:100%;border-radius:7px;background-color:#021d30;transition:all .3s ease-in-out;padding:2em}.project-card:hover{transform:scale(1.005);box-shadow:#64646f33 0 7px 29px}.project-card-title{text-align:center;font-family:var(--main-font);color:var(--secondary-color);font-size:1.3em;margin-bottom:.1em}.project-description{color:#868997;font-family:var(--secondary-font);font-size:16px;line-height:1.4;transition:all .3s ease-in-out;margin:0}.project-card:hover .project-description{color:#fff}.project-content{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.project-card-footer{display:flex;flex-direction:column;gap:1.1rem;margin-top:.75rem}.project-tech-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0;justify-content:center}.project-tech-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(180,237,228,.35);background-color:#b4ede414;color:var(--secondary-color);font-family:var(--main-font);font-size:.72rem;line-height:1;white-space:nowrap}#solace-icon{height:4em;margin-top:1em;object-fit:contain}#house18-icon{margin-top:1.5em;height:3em;object-fit:contain}#interactive-house-icon{width:100%;max-height:6rem;object-fit:contain;align-self:center}#portfolio-icon{border-radius:10%;max-height:6rem;max-width:auto;object-position:top;align-self:center}#top-paragraph{margin-bottom:0}#bottom-paragraph{margin-top:0}#android-icon{height:7em;object-fit:contain}.project-link{color:var(--accent-color);text-decoration:none;font-family:var(--main-font);font-weight:200;text-align:center;margin-bottom:0;transition:all .3s ease-in-out}.project-links{display:flex;flex-direction:column;gap:1rem}.project-link:hover .arrow-link{margin-left:.5em}.project-container{padding-inline:.5rem}#trygga-icon{border-radius:10%;width:30%;height:auto;align-self:center}.project-section-title{width:fit-content;max-width:100%;margin-inline:auto}@media (hover: none){.project-card:hover{transform:none;box-shadow:none}.project-card:hover .project-description{color:#868997}}@media (prefers-reduced-motion: reduce){.project-card,.project-description,.project-link,.arrow-link,.carousel-button,.projects-track{transition:none}}@media (max-width: 1200px){:root{--carousel-gap: 1.5rem}.project-section-title{font-size:2.6em}.project-card{padding:1.6rem;gap:.85rem}.project-content{margin-top:.7rem;gap:.75rem}.project-card-footer{gap:.9rem;margin-top:.6rem}.project-description{font-size:.95rem;line-height:1.45}.project-tech-list{gap:.42rem}.project-tech-badge{padding:.3rem .6rem;font-size:.66rem}.project-links{gap:.75rem}.project-link{font-size:.98rem}#interactive-house-icon,#portfolio-icon{max-height:5.25rem}#trygga-icon{width:28%}#solace-icon{height:3.4em}#house18-icon{height:2.7em;margin-top:1rem}}@media (max-width: 1366px) and (min-width: 769px){.project-section-title{font-size:2.3rem}.projects-carousel{max-width:min(86rem,calc(100vw - .75rem))}.projects-viewport{padding-inline:1.1rem;padding-block:1.25rem 3rem}.carousel-button{width:2.35rem;height:2.35rem}.project-card{padding:1.35rem;gap:.7rem}.project-content{margin-top:.45rem;gap:.6rem}.project-card-footer{gap:.75rem;margin-top:.45rem}.project-description{font-size:.88rem;line-height:1.38}.project-tech-list{gap:.35rem}.project-tech-badge{padding:.25rem .5rem;font-size:.58rem}.project-links{gap:.65rem}.project-link{font-size:.9rem}#house18-icon{height:2.4rem;margin-top:.75rem}#interactive-house-icon,#portfolio-icon{max-height:4.5rem}#solace-icon{height:2.9rem;margin-top:.6rem}#trygga-icon{width:24%}}@media (max-width: 992px){.projects-carousel{gap:.75rem}.project-card{padding:1.35rem;gap:.75rem}.project-content{margin-top:.55rem;gap:.65rem}.project-card-footer{gap:.8rem;margin-top:.5rem}.project-description{font-size:.88rem;line-height:1.4}.project-tech-badge{padding:.28rem .55rem;font-size:.62rem}.project-link{font-size:.92rem}#android-icon{height:6em}#interactive-house-icon{max-height:4.8rem}#portfolio-icon{max-height:5rem}#solace-icon{height:3.5em}#house18-icon{height:2.8em}}@media (max-width: 768px){.project-container{height:auto;padding-bottom:2rem;padding-inline:.75rem}.projects-carousel{gap:.75rem}.projects-viewport{padding-inline:1rem;padding-block:1.5rem 3rem}.projects-viewport:before,.projects-viewport:after{width:2.5rem}.project-section-title{font-size:2.2em;padding-top:.6em;padding-bottom:.25em}:root{--carousel-gap: 1.25rem}.project-card{padding:1.25rem}.project-card-title{font-size:1.15em}.project-description{font-size:.95rem;line-height:1.5}.project-tech-badge{font-size:.68rem}#android-icon{height:5.5em}#interactive-house-icon{max-height:5rem}#portfolio-icon{max-height:8rem}#solace-icon{height:3.2em}#house18-icon{height:2.6em}}@media (max-width: 793px){.projects-carousel{grid-template-columns:auto minmax(0,32rem) auto;justify-content:center}.projects-viewport{width:min(100%,32rem);margin-inline:auto}}@media (max-width: 576px){.projects-carousel{gap:.5rem}:root{--carousel-gap: 1rem}.projects-viewport{padding-inline:.75rem;padding-block:1rem 2rem}.projects-viewport:before,.projects-viewport:after{width:1.5rem}.project-section-title{font-size:1.9em;border-bottom-width:1px}.project-card{padding:1rem;border-radius:6px}.project-description{font-size:.9rem}.project-tech-list{gap:.4rem}.project-tech-badge{padding:.32rem .6rem;font-size:.65rem}.project-link{font-size:.95rem}#android-icon{height:5em}#interactive-house-icon{max-height:4.5rem}#portfolio-icon{max-height:7rem}#solace-icon{height:3em}#house18-icon{height:2.4em}}@media (max-width: 400px){.project-section-title{font-size:1.6em}.project-description{font-size:.88rem}}@media (min-width: 1400px) and (min-height: 900px){.project-container{justify-content:center;gap:1rem;padding-block:2rem;box-sizing:border-box}.project-section-title{padding-top:0;margin:0}.project-card{height:29rem;padding:1.75rem;gap:.75rem}.projects-viewport{padding-block:1.5rem 3.5rem}}@media (min-width: 1400px){:root{--carousel-gap: 2rem}}@media (max-width: 1920px) and (min-width: 769px){:root{--carousel-gap: 1.25rem}.project-container{height:auto;min-height:100vh;padding-inline:.75rem;padding-bottom:2rem}.project-section-title{font-size:2rem;padding-top:.7em;padding-bottom:.25em;margin-bottom:.5rem}.projects-carousel{max-width:min(76rem,calc(100vw - 1rem));gap:.6rem}.projects-viewport{padding-inline:1rem;padding-block:1.15rem 2.6rem}.carousel-button{width:2.25rem;height:2.25rem;font-size:.85rem}.project-card{height:25rem;padding:1.15rem;gap:.6rem}.project-card-title{font-size:1.05rem}.project-content{margin-top:.35rem;gap:.5rem}.project-card-footer{gap:.65rem;margin-top:.35rem}.project-description{font-size:.8rem;line-height:1.35}.project-tech-list{gap:.35rem}.project-tech-badge{padding:.24rem .5rem;font-size:.56rem}.project-links{gap:.6rem}.project-link{font-size:.85rem}#android-icon{height:4.75rem}#interactive-house-icon,#portfolio-icon{max-height:4.25rem}#solace-icon{height:2.7rem;margin-top:.45rem}#house18-icon{height:2.25rem;margin-top:.55rem}#trygga-icon{width:22%}}.about-container{--about-title-size: 3rem;--about-section-width: 68rem;--about-section-gap: 1rem;--about-card-width: 13.5rem;--about-card-padding: .9rem;--about-card-gap: .75rem;--about-category-title-size: 1rem;--about-tech-gap: .6rem;--about-tech-card-height: 4.8rem;--about-tech-card-padding: .6rem;--about-icon-size: 2.2rem;--about-icon-text-size: .7rem;--about-copy-width: 45em;--about-copy-size: 1.125rem;--about-copy-padding: 2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-inline:1rem}.about-me-title{color:var(--text-color);font-family:var(--main-font);justify-content:center;padding-top:1em;font-size:var(--about-title-size);margin-top:0;margin-bottom:.5em;border-bottom:1px solid var(--accent-color);width:10em;text-align:center;padding-bottom:.3em}.stack-categories-container{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--about-section-gap);width:min(100%,var(--about-section-width))}.stack-title{color:var(--text-color);font-family:var(--main-font);justify-content:center}.stack-container{display:flex;flex-direction:column;border:1px solid var(--secondary-color);width:min(100%,var(--about-card-width));min-height:12rem;justify-content:flex-start;border-radius:.85rem;padding:var(--about-card-padding);gap:var(--about-card-gap);background-color:#021d30;flex:0 1 var(--about-card-width)}.stack-category-title{color:var(--text-color);font-family:var(--main-font);font-size:var(--about-category-title-size);text-align:center;margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--accent-color)}.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--about-tech-gap);align-content:start}.tech-icon{height:var(--about-icon-size)}.tech-icon-container{border:1px solid var(--secondary-color);border-radius:.75rem;min-height:var(--about-tech-card-height);padding:var(--about-tech-card-padding);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .3s ease-in-out}.tech-icon-container:hover{transform:scale(1.03);box-shadow:#64646f33 0 7px 29px}.icon-text{color:#868997;font-family:var(--secondary-font);font-size:var(--about-icon-text-size);margin:0;transition:all .3s ease-in-out}.tech-icon-container:hover .icon-text{color:#fff}.stack-title{font-size:var(--about-title-size);margin-top:1rem;margin-bottom:.5em;border-bottom:1px solid var(--accent-color);width:10em;text-align:center;padding-bottom:.3em}.about-description-container{border:1px solid var(--secondary-color);border-radius:7px;width:min(100%,var(--about-copy-width));font-size:var(--about-copy-size);background-color:#021d30;padding:var(--about-copy-padding);transition:all .3s ease-in-out}.about-description-container:hover{transform:scale(1.01);box-shadow:#64646f33 0 7px 29px}.about-description-container:hover .about-me-description{color:#fff}.about-me-description{color:#868997;font-family:var(--secondary-font);line-height:1.7;transition:all .3s ease-in-out}@media (max-width: 1920px) and (min-width: 769px){.about-container{--about-title-size: 2.1rem;--about-section-width: 72rem;--about-section-gap: .85rem;--about-card-width: 12rem;--about-card-padding: .72rem;--about-card-gap: .55rem;--about-category-title-size: .82rem;--about-tech-gap: .42rem;--about-tech-card-height: 3.85rem;--about-tech-card-padding: .42rem;--about-icon-size: 1.55rem;--about-icon-text-size: .58rem;--about-copy-width: 36rem;--about-copy-size: .9rem;--about-copy-padding: 1.2rem;min-height:auto;padding-bottom:2rem}.about-me-description{line-height:1.5}}@media (max-width: 1366px) and (min-width: 769px){.about-container{--about-title-size: 1.85rem;--about-section-width: 58rem;--about-card-width: 10.8rem;--about-card-padding: .68rem;--about-category-title-size: .72rem;--about-tech-card-height: 3.65rem;--about-icon-size: 1.45rem;--about-icon-text-size: .54rem;--about-copy-width: 34rem;--about-copy-size: .86rem}}@media (max-width: 1200px){.about-container{--about-title-size: 2rem;--about-section-width: 52rem;--about-section-gap: .8rem;--about-card-width: 11.2rem;--about-card-padding: .75rem;--about-category-title-size: .9rem;--about-tech-card-height: 4.1rem;--about-icon-size: 1.75rem;--about-icon-text-size: .64rem;--about-copy-width: 40rem}}@media (max-width: 992px){.about-container{min-height:auto}.about-description-container{width:min(100%,36rem);padding:1.5em}.about-me-title,.stack-title{font-size:2.1rem}.stack-categories-container{width:min(100%,52rem);gap:.85rem}.stack-container{width:min(100%,11.5rem);min-height:10.75rem;gap:.8rem;padding:.9rem;flex:1 1 11rem}.stack-category-title{font-size:.92rem}.tech-grid{gap:.55rem}.tech-icon{height:1.9rem}.tech-icon-container{min-height:4.25rem}.icon-text{font-size:.68rem}}@media (max-width: 768px){.about-me-title,.stack-title{font-size:1.9rem;width:100%;max-width:18ch}.about-description-container{width:100%;max-width:44rem;padding:1.25em}.stack-categories-container{gap:.75rem}.stack-container{width:100%;min-height:auto;padding:.85rem;gap:.75rem}.stack-category-title{font-size:.95rem}.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.tech-icon-container{min-height:5.25rem}.tech-icon{height:1.8rem}.icon-text{font-size:.68rem}}@media (max-width: 576px){.about-me-title,.stack-title{font-size:1.65rem;max-width:16ch}.about-description-container{padding:1em;font-size:medium}.stack-container{width:100%;padding:.8rem}.stack-category-title{font-size:.9rem}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.tech-icon-container{min-height:4.75rem;padding:.7rem}.tech-icon{height:1.65rem}.icon-text{font-size:.66rem}}@media (max-width: 380px){.about-me-title,.stack-title{font-size:1.45rem}.stack-container{padding:.7rem}.stack-category-title{font-size:.82rem}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-icon{height:1.5rem}.tech-icon-container{min-height:4.2rem}.icon-text{font-size:.62rem}}@media (min-width: 1400px) and (min-height: 900px){.about-container{justify-content:center;gap:1.5rem;padding-block:2rem;box-sizing:border-box}.about-me-title,.stack-title{padding-top:0;margin-bottom:0}.about-description-container{width:min(46rem,100%)}.stack-categories-container{width:min(100%,92rem)}.stack-container{justify-content:flex-start}}.contact-container{height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:5rem}.contact-title{color:var(--text-color);font-family:var(--main-font);text-align:center;padding-top:1em;font-size:3em;margin-bottom:0;border-bottom:1px solid var(--accent-color);width:10em;padding-bottom:.3em}.secondary-title{color:var(--text-color);font-family:var(--main-font);text-align:center;padding-top:1em;font-size:1.5em;margin:0 0 2em;color:#868997}.card-container{display:flex;gap:3em;align-items:center;justify-content:center}.contact-card{width:7em;display:flex;flex-direction:column;border:1px solid var(--secondary-color);padding:2em;border-radius:7px;background-color:#021d30;transition:all .3s ease-in-out}.contact-card:hover{transform:scale(1.01);box-shadow:#64646f33 0 7px 29px}.contact-icon{height:3.5em;object-fit:contain}.icon-link{color:var(--accent-color);text-decoration:none;font-family:var(--main-font);font-weight:200;text-align:center;margin-top:1em;transition:all .3s ease-in-out}.arrow-link{transition:all .2s ease-in-out}.icon-link:hover .arrow-link{margin-left:.5em}.scroll-to-top{height:2em;text-decoration:none;color:var(--accent-color);cursor:pointer;margin-top:13em;transition:all .3s ease-in-out}.scroll-to-top:hover{transform:scale(1.05)}.scroll-to-top-text{font-family:var(--main-font);color:var(--accent-color);cursor:pointer}@media (hover: none){.contact-card:hover{transform:none;box-shadow:none}.icon-link:hover .arrow-link{margin-left:0}}@media (prefers-reduced-motion: reduce){.contact-card,.icon-link,.arrow-link,.scroll-to-top{transition:none}}@media (max-width: 1200px){.card-container{gap:2.5rem}.contact-title{font-size:2.6em}.secondary-title{font-size:1.4em}}@media (max-width: 992px){.card-container{gap:2rem;justify-content:center}.contact-card{flex:1 1 12rem;max-width:14rem;padding:1.5rem}.contact-icon{height:3.2em}}@media (max-width: 768px){.contact-container{padding-top:clamp(3rem,5vw,4rem);margin-top:clamp(1.25rem,3vw,2rem)}.contact-title{font-size:2.2em;padding-top:.6em;padding-bottom:.25em}.secondary-title{font-size:1.2em;margin-bottom:1.5rem}.card-container{gap:1.25rem}.contact-card{flex:1 1 100%;max-width:22rem;padding:1.25rem}.icon-link{display:inline-block;margin-top:.6rem;font-size:1rem}.contact-icon{height:3em}.scroll-to-top{margin-top:4rem;height:1.8em}}@media (max-width: 576px){.contact-title{font-size:1.9em;border-bottom-width:1px}.secondary-title{font-size:1.05em}.card-container{gap:1rem}.contact-card{padding:1rem;border-radius:6px;max-width:20rem}.contact-icon{height:2.8em}.icon-link{font-size:.98rem}.scroll-to-top{margin-top:3rem}}@media (max-width: 400px){.contact-title{font-size:1.6em}.secondary-title{font-size:.98em}.card-container{gap:.75rem}.contact-card{max-width:19rem}}@media (min-width: 1400px) and (min-height: 900px){.contact-container{justify-content:center;padding-top:2rem;gap:1rem;box-sizing:border-box}.contact-title{padding-top:0}.secondary-title{padding-top:0;margin-bottom:1.5rem}.scroll-to-top{margin-top:4rem}}@media (min-width: 1400px){.card-container{gap:3rem}.contact-card{max-width:14rem}}.hero-section-container{display:flex;align-items:center;justify-content:center;min-height:100svh;gap:clamp(2rem,6vw,5rem);padding:clamp(6rem,10vw,8rem) clamp(1.25rem,6vw,5rem) 3rem;box-sizing:border-box}.portrait{height:clamp(12rem,28vw,22rem);width:clamp(12rem,28vw,22rem);border-radius:50%;flex-shrink:0}.description-container{display:flex;flex-direction:column;width:min(100%,42rem);font-size:clamp(1rem,1.25vw + .6rem,1.75rem)}.title{font-family:var(--main-font);color:var(--secondary-color);font-size:1rem;margin-bottom:.5rem}.name{font-family:var(--main-font);color:var(--text-color);margin:0;font-size:clamp(2.2rem,5vw,3.6rem)}.my-role{color:#565a6e;font-family:var(--main-font);margin-top:.2rem;margin-bottom:0;font-size:clamp(1.5rem,3vw,2.3rem)}.description{color:#565a6e;font-family:var(--secondary-font);font-size:clamp(.98rem,.35vw + .9rem,1.05rem);max-width:35em;line-height:1.6}.description a{color:var(--secondary-color);text-decoration:none}.resume-dwnld{font-family:var(--main-font);color:var(--accent-color);font-size:clamp(.88rem,.35vw + .8rem,1rem);text-decoration:none;font-weight:100;border:1px solid var(--accent-color);text-align:center;width:fit-content;max-width:100%;padding:1em 1.25em;border-radius:7px;margin-top:2em;transition:all .3s ease-in-out}.resume-dwnld:hover{transform:scale(1.03);box-shadow:#64646f33 0 7px 29px}.location-pin{color:var(--accent-color);font-size:.7em;margin-top:.55rem}.location-container{display:flex;align-items:center;gap:.45em}@media (max-width: 1200px){.hero-section-container{gap:clamp(2rem,4vw,3.5rem);padding-top:clamp(5.5rem,9vw,7rem)}}@media (max-width: 992px){.hero-section-container{flex-direction:column;justify-content:center;text-align:center}.description-container{align-items:center;width:min(100%,36rem)}}@media (max-width: 768px){.hero-section-container{padding-inline:1rem;padding-bottom:2.5rem}.description-container{font-size:1rem}.resume-dwnld{width:100%;max-width:18rem}}@media (max-width: 576px){.hero-section-container{min-height:auto;gap:1.5rem;padding-top:5.5rem}.portrait{height:clamp(8.5rem,32vw,10rem);width:clamp(8.5rem,32vw,10rem)}.description-container{width:100%}.resume-dwnld{padding:.8em}.location-container{justify-content:center}}@media (max-width: 400px){.portrait{display:none}.hero-section-container{padding-top:5rem}}