#root{width:100%;min-height:100%;overflow-x:hidden}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}.btn-small-fill{cursor:pointer;border:none;justify-content:center;align-items:center;transition:background-color .25s,transform .15s,box-shadow .2s;display:inline-flex}.btn-small-fill:hover{transform:translateY(-2px)}.btn-small-fill:active{transform:translateY(0)}.btn-small-fill.blue{background-color:#6e9cd2}.btn-small-fill.blue:hover{background-color:#2864a9}.btn-small-fill.red{background-color:#7f2025}.btn-small-fill.red:hover{background-color:#ac131b}.btn-small-outline{cursor:pointer;background:0 0;border:1px solid;justify-content:center;align-items:center;transition:color .25s,border-color .25s,transform .15s;display:inline-flex}.btn-small-outline:hover{transform:translateY(-2px)}.btn-small-outline:active{transform:translateY(0)}.btn-small-outline:disabled{opacity:.4;cursor:not-allowed;opacity:.4;cursor:not-allowed;pointer-events:none}.btn-small-outline.blue{color:#5b89bf}.btn-small-outline.blue:hover{color:#2864a9}.btn-small-outline.blue-alt{color:#2a6bb6}.btn-small-outline.blue-alt:hover{color:#13457e}.btn-small-outline.red{color:#7f2025}.btn-small-outline.red:hover{color:#c71913}.btn-small-outline.white,.btn-small-outline.white:hover{color:#f6f7f8}.btn-small-outline.dark-gray{color:#38322f}.btn-small-outline.dark-gray:hover{color:#524c49}.navbar{box-sizing:border-box;z-index:1000;background:linear-gradient(90deg,#f0e8dd,#fff);flex-direction:row;justify-content:space-between;width:100vw;padding:1.785vw 7.937vw;display:flex;position:fixed;top:0}.navbar-left{flex-direction:row;align-items:center;gap:3.968vw;display:flex}.navbar-right{flex-direction:row;justify-content:flex-end;align-items:center;gap:3.968vw;display:flex}.navbar-link{cursor:pointer;margin:0;font-size:1.587vw;transition:color .25s}.navbar-link:hover{color:#2864a9}#about-me{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.about-me-container{flex-direction:column;align-items:flex-start;gap:3.4rem;display:flex}.about-me-header{flex-direction:column;align-items:flex-start;display:flex}.about-me-header h1{margin:0 0 -4rem;font-size:17.1958vw}.about-me-header h2{-webkit-text-stroke:1px;text-align:end;margin:0 0 -1.5rem;font-size:4.2328vw}.about-me-header h2 .build{text-underline-offset:.3rem;text-decoration-line:underline;text-decoration-thickness:.2rem}.about-me-intro{margin:0;font-size:1.5873vw}.about-me-footer{flex-direction:row;place-content:center flex-start;gap:3.125rem;display:flex}.social-icons{flex-direction:row;justify-content:center;gap:1.9rem;display:flex}.about-me-image{z-index:2;pointer-events:none;width:auto;max-width:50%;height:auto;max-height:78.8146vh;position:absolute;top:20%;right:0%}@keyframes floatIn{0%{opacity:0;transform:translateY(5vh)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform-origin:0 0;transform:translate(-5vh)rotate(7deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes slideInLeft{0%{opacity:0;transform-origin:0 100%;transform:translate(5vh)rotate(7deg)}to{opacity:1;transform:translate(0)rotate(0)}}.animate-slide-right{animation:1.4s ease-out forwards slideInRight}.animate-slide-left{animation:1.4s ease-out forwards slideInLeft}#cta-section{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.875rem;min-height:85vh;margin-top:8vh;margin-bottom:-6vh;display:flex;position:relative}.cta-header{margin:0 0 1.5rem;font-size:8vw;line-height:.7}.cta-header span{text-underline-offset:.7rem;text-decoration-line:underline;text-decoration-thickness:.4rem}.cta-contact,.cta-socials{flex-direction:column;gap:.625rem;width:100%;display:flex}.cta-contact p,.cta-socials p{margin:0;font-size:1.5873vw}.cta-contact span,.cta-socials div{flex-direction:row;gap:.625rem;display:flex}.cta-socials{align-items:flex-end}.cta-vector{z-index:0;pointer-events:none;position:absolute;bottom:60%;right:-30%}#hero-section{flex-direction:column;justify-content:center;align-items:flex-end;min-height:80vh;margin-top:10vh;padding-top:6vh;scroll-margin-top:120px;display:flex;position:relative}.hero-text-container{z-index:1;flex-direction:column;gap:1rem;display:flex}.hero-text-container h1{text-align:end;margin:0;font-size:11.9048vw;line-height:70%}.hero-text-container h1 span{text-underline-offset:.7rem;text-decoration-line:underline;text-decoration-thickness:.4rem}.hero-text-container h3{-webkit-text-stroke:1px;text-align:end;margin:0;font-size:4.2328vw}.hero-intro{font-size:1.5873vw}.hero-vector01{z-index:0;pointer-events:none;position:absolute;bottom:45%;right:70%}.hero-vector02{z-index:0;pointer-events:none;position:absolute;bottom:15%;right:-25%}.project-card{border:1px solid;border-radius:20px;flex-direction:column;width:100%;height:22.6rem;transition:transform .18s,box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.project-card-footer{justify-content:space-between;align-items:center;transition:background-color .25s;display:flex}.project-card.clickable{cursor:pointer}.project-card.clickable:hover{transform:translateY(-6px);box-shadow:0 10px 10px #00000026}.project-card.clickable:active{transform:translateY(-2px)}.project-card.clickable:hover img{transform:scale(1.05)}.project-card img{transition:transform .4s}.project-card.blue .project-card-footer{background-color:#6e9cd2;border-color:#6e9cd2}.project-card.blue.clickable:hover .project-card-footer{background-color:#2864a9;border-color:#2864a9}.project-card.red .project-card-footer{background-color:#7f2025;border-color:#7f2025}.project-card.red.clickable:hover .project-card-footer{background-color:#ac131b;border-color:#ac131b}.project-card.gray .project-card-footer{background-color:#38322f;border-color:#38322f}.project-card.gray.clickable:hover .project-card-footer{background-color:#706b64;border-color:#706b64}.carousel-wrapper{flex-direction:row;align-items:center;gap:.9375rem;width:100%;display:flex}.carousel-btn{cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:4rem;transition:background-color .25s;display:flex;box-shadow:0 0 10px #d9cec2}.carousel-btn:hover{background-color:#ac131b}.carousel-viewport{border-radius:8px;width:100%;padding:0 2px;overflow:hidden}.carousel-track{flex-direction:row;transition:transform .5s ease-in-out;display:flex}.carousel-card{box-sizing:border-box;flex-direction:column;flex:0 0 33.3333%;align-items:center;padding:0 .46875rem;display:flex}.carousel-card>*{max-width:100%}.carousel-subtitle{text-align:center;margin:1.5vh 0 0;font-size:1.058vw}.carousel-subtitle p{text-indent:2em;margin:5px 0}#portfolio{flex-direction:column;justify-content:center;align-items:flex-start;gap:1.875rem;width:100%;min-height:100vh;margin-top:15vh;scroll-margin-top:120px;display:flex}.portfolio-header{flex-direction:column;align-items:flex-start;gap:.625rem;width:100%;display:flex}.portfolio-header h1{margin:0;font-size:11.9048vw;line-height:70%}.portfolio-header p{margin:0;font-size:1.5873vw}.portfolio-projects{flex-direction:column;justify-content:center;align-items:flex-start;gap:.9375rem;width:100%;margin-bottom:5vh;display:flex}.portfolio-projects h3{margin:0;font-size:2rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:.9375rem;width:100%;display:grid}.projects-footer{justify-content:flex-end;width:100%;display:flex}.portfolio-achievements{flex-direction:column;justify-content:center;align-items:center;gap:.9375rem;width:100%;display:flex}.portfolio-achievements-header{justify-content:flex-end;width:100%;display:flex}.portfolio-achievements-header h3{margin:0;font-size:2rem}.base-layout{box-sizing:border-box;max-width:100vw;margin-inline:auto;padding-inline:clamp(1rem,16.7vw,253px)}.viewport-overlay{z-index:9999;background-color:#38322fec;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-content{text-align:center;max-width:70%;padding:2rem}.overlay-content h2{margin-bottom:1rem}.overlay-content p{margin-bottom:3rem}.base-layout{background-color:#ebe0d2;margin-inline:auto;padding-inline:clamp(1rem,6vw,253px)}#biography{flex-direction:column;gap:1.65563vh;display:flex;position:relative}.biography-header{margin-left:8.59788rem;position:relative}.biography-header h1{margin:0 0 -1.5rem;font-size:13.2275vw}.biography-header h2{-webkit-text-stroke:1px;margin:0 0 0 5.29101rem;font-size:2.6455vw}a{transition:color .1s ease-in}a:hover{color:#2864a9;transition:color .18s ease-in}.biography-content{flex-direction:column;gap:1.37969vh;margin:.551876vh .551876vh .551876vh 19.1799rem;display:flex}.biography-hello{flex-direction:column;gap:0;display:flex}.biography-hello h3{margin:0;font-size:2.1164vw}.biography-hello p,.biography-hello ul{margin:0;font-size:1.19048vw}.biography-hello ul{flex-direction:column;gap:10px;display:flex}.biography-columns{flex-direction:row;gap:0;display:flex}.biography-left-column{flex-direction:column;gap:1.10375vh;width:50%;display:flex}.biography-socials{flex-direction:column;gap:.531626vh;display:flex}.biography-socials h3{margin:0;font-size:2.1164vw}.social-icons{flex-direction:row;gap:1.98413vw;margin:0;display:flex}.social-icons img{width:1.98413vw}.biography-spotify{flex-direction:column;gap:.531626vh;display:flex}.biography-spotify p{margin:0;font-size:1.0582vw}.spotify-player{background:linear-gradient(90deg,#d9cec2 0%,#c0bcb4 100%);border:1px solid #7f2025;border-radius:20px;flex-direction:row;gap:1.32275vw;padding:15px;display:flex}.spotify-info{flex-direction:column;justify-content:space-between;gap:.531626vh;height:90%;display:flex}.spotify-info-top{flex-direction:column;gap:0;margin:0;display:flex}.spotify-info-top span{flex-direction:row;align-items:center;gap:6px;display:flex}.spotify-info-top span p,.spotify-info-top span img{margin:0}.spotify-info-top span p{font-size:1.06326vw;font-weight:700}.spotify-info-top p{margin:0;font-size:.744285vw}.biography-right-column{flex-direction:column;gap:5px;width:50%;display:flex}.biography-right-column h3{margin:0;font-size:2.1164vw}.trivia-list{text-align:justify;flex-direction:column;gap:7px;margin:0;font-size:.992063vw;display:flex}.trivia-list ul{text-align:justify;flex-direction:column;gap:5px;display:flex}.biography-image{pointer-events:none;position:absolute}.biography-image.adeline-halfbody{max-height:75.8621vh;top:4.62963vh;left:9.92063vw}.biography-image.red-star{max-height:75.8621vh;top:21.164vh;left:11.9048vw}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:.4s ease-out forwards floatIn}.animate-float-1{animation:1s ease-out forwards floatIn}.animate-float-2{animation:1.2s ease-out forwards floatIn}.animate-float-delay1{animation-delay:.2s}.animate-float-delay2{animation-delay:.4s}.animate-float-delay3{animation-delay:.7s}.animate-spin{animation:8s linear infinite spin}.cd-wrapper{justify-content:center;align-items:center;width:75px;height:75px;display:flex}.cd-ring{background:linear-gradient(135deg,#242321 0%,#464544 20%,#242321 40%,#302f2d 60%,#242321 80%,#302f2d 100%);border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;display:flex;box-shadow:0 0 8px #acacac66,inset 0 0 6px #fff9}.cd-art{object-fit:cover;background-color:#ccc;border-radius:50%;width:43px;height:43px}#stack-experience{flex-direction:column;place-items:center;gap:8.29101vh;margin:30px 0;display:flex}.tech-stack{flex-direction:column;place-items:center;gap:.661376vw;display:flex}.tech-stack h3{margin:0;font-size:2.1164vw}.tech-stack-row{flex-direction:row;place-items:center;gap:3.57143vw;display:flex}.tech-stack p{margin:0;font-size:1.0582vw}.professional-experience{flex-direction:column;place-items:center;gap:1.32275vh;width:100%;margin-bottom:5vh;display:flex}.professional-experience h3{margin:0;font-size:clamp(1.5rem,2.116vw,2rem)}.experience-entries{flex-direction:column;gap:1.32275vh;width:80%;display:flex}.experience-entries hr{border:none;width:100%;height:1px}.projects-list{flex-direction:column;gap:5vh;min-height:100vh;margin-top:5vh;margin-bottom:8vh;display:flex}.projects-list .page-title{width:100%}.projects-list .page-title button{background:0 0;margin:0}.page-title h3{font-size:1.5vw}.projects-list .page-title button img{margin-left:-8vw}.projects-list .page-title h1{margin:0;font-size:11.904vw}.projects-list .page-title .subtitle-row{flex-direction:row;justify-content:space-between;display:flex}.projects-list .page-title .subtitle-row h3{margin:0}.projects-list .page-title .subtitle-row .btn-row{flex-direction:row;display:flex}.btn-row{gap:.5vw}.projects-section{flex-direction:column;gap:.552vh;display:flex;overflow:hidden}.projects-section .header-row{align-items:center;display:flex}.projects-section h3{margin:0;font-size:2.116vw}.projects-section .collapsible-grid{transition:max-height .5s,opacity .3s}.projects-section .grid{grid-template-columns:repeat(2,1fr);gap:1vw;margin-top:1vh;display:grid}.collapsible-grid.expanded{max-height:5000px;transition:max-height .8s ease-in-out}.projects-section{margin-bottom:1rem;transition:margin .3s}.grid{justify-self:center;max-width:97%}.carousel-container{border:1.5px solid #7f2025;border-radius:1.325vw;width:100%;height:28.125rem;position:relative;overflow:hidden}.carousel-track{gap:0;width:100%;height:100%;transition:transform .6s ease-in-out;display:flex}.carousel-slide{flex:0 0 100%;height:100%;display:flex}.carousel-slide img{object-fit:contain;-webkit-mask-composite:intersect;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0% 3%,#000 7% 93%,#0000 97% 100%),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000 0% 3%,#000 7% 93%,#0000 97% 100%),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.carousel-overlay{pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 10px #d9cec2}.carousel-buttons{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 4%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button{cursor:pointer;background-color:#7f2025;border:none;border-radius:999px;justify-content:center;align-items:center;width:3rem;height:4rem;display:flex;box-shadow:0 0 10px #d9cec2}.carousel-button div{justify-content:center;align-items:center;transition:transform .3s;display:flex}.project-entry-section{flex-direction:column;gap:2.2vh;width:100%;margin-top:5vh;margin-bottom:8vh;display:flex}.project-entry-back-btn{background:0 0;margin:0}.project-entry-back-btn img{margin-left:-8vw}.project-entry-title-section{flex-direction:column;gap:1vh;display:flex}.project-entry-title-section h1{margin:0;font-size:clamp(2rem,11.904vw,11.904rem)}.project-entry-title{margin:0;line-height:.8}.project-entry-subtitle-row{flex-direction:row;justify-content:space-between;display:flex}.project-entry-subtitle-row p{margin:0 0 1vh;font-size:1.5vw}.project-entry-tech-links{flex-direction:row;justify-content:space-between;display:flex}.project-entry-tech-links span{flex-direction:row;gap:1.3vw;display:flex}.project-entry-section-header{margin:0;font-size:2.1vw}.project-entry-body{text-align:justify;max-width:85%;margin:0;font-size:1.2vw}.project-entry-body ul{max-width:60%;margin:0}.project-entry-body ul li{margin-bottom:.5rem}.project-entry-align-start{flex-direction:column;align-items:flex-start;gap:.5vh;display:flex}.project-entry-align-end{flex-direction:column;align-items:flex-end;gap:.5vh;display:flex}.project-entry-socials img,.project-entry-socials svg{max-width:2.5vw}.off-white{color:#f6f7f8}.beige{color:#ebe0d2}.beige-bg{background-color:#ebe0d2}.blue-1{color:#6e9cd2}.blue-1-bg{background-color:#6e9cd2}.blue-2{color:#5b89bf}.blue-2-bg{background-color:#5b89bf}.blue-3{color:#2a6bb6}.blue-3-bg{background-color:#2a6bb6}.burgundy{color:#7f2025}.burgundy-bg{background-color:#7f2025}.white{color:#f6f7f8}.white-bg{background-color:#f6f7f8}.dark-gray{color:#38322f}.dark-gray-bg{background-color:#38322f}.text-gray{color:#706b64}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{box-shadow:0 2px 10px #00000026}.shadow-text{text-shadow:0 2px 10px #00000026}body{min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;border:1px solid #0000;font-weight:700}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.rufina-regular{font-family:Rufina,serif;font-style:normal;font-weight:400}.rufina-bold{font-family:Rufina,serif;font-style:normal;font-weight:700}.reenie-beanie-regular{font-family:Reenie Beanie,cursive;font-style:normal;font-weight:400}.instrument-sans{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Instrument Sans,sans-serif;font-style:normal;font-weight:400}.instrument-sans-medium{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Instrument Sans,sans-serif;font-style:normal;font-weight:500}.instrument-sans-semibold{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Instrument Sans,sans-serif;font-style:normal;font-weight:600}.instrument-sans-bold{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Instrument Sans,sans-serif;font-style:normal;font-weight:700}