.layout{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.outlet{flex:1;padding-top:.5rem;display:flex;overflow:auto;-webkit-mask-image:linear-gradient(#0000,#000 10px calc(100% - 20px),#0000 100%);mask-image:linear-gradient(#0000,#000 10px calc(100% - 20px),#0000 100%)}.outlet:has(.home-main){-webkit-mask-image:none;mask-image:none}.outlet main{width:100%;padding:0 3rem}.header,.footer{flex-direction:row;flex:none;padding:.5rem;display:flex;position:sticky}.header{justify-content:right;padding-bottom:0}.footer{justify-content:center}.navlink{color:var(--cream);padding:.75rem;text-decoration:none;transition:all .2s ease-out;display:inline-block}.navlink.active{font-weight:700}.navlink.external-link-icon svg{width:auto;max-height:25px}.navlink.external-link-icon svg path{transition:all .2s ease-out}.navlink:hover{color:var(--pink);scale:1.1}.navlink:hover path{fill:var(--pink)!important}@media screen and (max-width:600px){.outlet main{padding:1rem}}.headers-wrapper{flex-direction:column;display:flex}.name-header{margin:5rem 0 0}.name-svg{max-height:45vh;padding:0 0 0 5rem;display:block}.home-main{flex-direction:column;justify-content:space-between;display:flex}.subheader{align-self:start}.bottom-text{align-self:end}@media screen and (max-width:600px){.name-svg{max-width:90vw;padding:0}}.projects-header{margin-bottom:0}.projects-header img{max-height:23vh}.projects{padding-bottom:3rem}.pr-card{justify-content:space-around;align-items:center;margin:3rem 0;display:flex}.pr-card:first-child{margin-top:0}.pr-card img{border-radius:5px;max-width:50vw;margin-left:2rem}.pr-card.reverse{flex-direction:row-reverse}.pr-card.reverse img{margin-left:0;margin-right:2rem}#web-portfolio img{max-height:200px}.pr-card-text{padding-bottom:5px}.project-title{margin:0}.techstack{margin:5px;font-style:italic}.highlights{margin-left:2rem}@media screen and (max-width:800px){.pr-card,.pr-card.reverse{flex-direction:column-reverse}.pr-card img,.pr-card.reverse img{max-width:80vw;margin:0 0 1rem}}.intro{align-items:center;display:flex}.about-svg{display:inline}.focuses{text-align:right;flex-direction:column;align-items:end;padding-bottom:3rem;font-weight:450;display:flex}.focuses .focus{max-width:70vw;margin-bottom:1rem}.focuses .focus.left{text-align:start;align-self:start}.focuses .focus a{transition:all .2s ease-out}.focuses .focus a:hover{font-size:17px}.focuses h3{margin-bottom:.5rem}@media screen and (max-width:600px){.about-svg{margin-bottom:1rem}.about-svg,.intro{text-align:right;display:block}.focuses .focus{max-width:95vw}}.contact-wrapper{padding-bottom:1rem;display:flex}.linklist{flex-direction:column;justify-content:space-between;align-items:center;height:50vh;margin:5px 1.5rem;display:flex}.linklist svg,.linklist path{transition:all .2s ease-out}.linklist svg{max-width:100px;display:block}.linklist svg:hover{scale:1.1}.linklist svg:hover path{fill:var(--pink)!important}.linkline{background-color:var(--cream);flex:1;width:5px}#contact-form{flex-direction:column;flex:1;margin:0 5vw .5rem 10vw;display:flex}.formfield{flex-direction:column;margin-bottom:.5rem;display:flex}.formfield input,.formfield textarea{border:2px solid var(--cream);background-color:#000;border-radius:1px;padding:5px}.formfield .label-error{justify-content:space-between;display:flex}.formfield .field-error{color:var(--pink)}.formfield:has(textarea){flex:1}.formfield:has(textarea) textarea{flex:1}button{background:var(--cream);color:#000;border:none;border-radius:1px;align-self:flex-end;margin-top:.5rem;padding:.75rem 4rem;font-family:Jost;transition:all .2s ease-out}button:hover{background-color:var(--pink);scale:1.05}.error,.pending,.success{text-align:center;flex-direction:column;margin:0 auto;display:flex}.error .sub-error,.pending .sub-error,.success .sub-error{padding:2rem}.error button,.pending button,.success button{align-self:center}@media screen and (max-width:600px){.contact-wrapper{flex-direction:column;align-items:center}.linklist{flex-direction:row;width:80vw;height:auto;margin-bottom:2rem}.linkline{background-color:var(--cream);flex:1;height:5px}#contact-form{min-width:80vw;margin:0 1rem .5rem}}@font-face{font-family:jost;src:local(jost),url(/static/font/Jost-VariableFont_wght.3d252ad3.ttf)format("truetype-variations")}.jost{font-family:jost,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@font-face{font-family:jost-italic;src:local(jost-italic),url(/static/font/Jost-Italic-VariableFont_wght.73518983.ttf)format("truetype-variations")}.jost-italic{font-family:jost-italic,Jost,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.light-18{font-size:18px;font-weight:150}.light-24{font-size:24px;font-weight:150}.light-36{font-size:36px;font-weight:150}.light-48{font-size:48px;font-weight:150}.light-60{font-size:60px;font-weight:150}.light-72{font-size:72px;font-weight:150}.normal-18{font-size:18px;font-weight:400}.normal-24{font-size:24px;font-weight:400}.normal-36{font-size:36px;font-weight:400}.normal-48{font-size:48px;font-weight:400}.normal-60{font-size:60px;font-weight:400}.normal-72{font-size:72px;font-weight:400}.heavy-18{font-size:18px;font-weight:700}.heavy-24{font-size:24px;font-weight:700}.heavy-36{font-size:36px;font-weight:700}.heavy-48{font-size:48px;font-weight:700}.heavy-60{font-size:60px;font-weight:700}.heavy-72{font-size:72px;font-weight:700}:root{--purple:#49007f;--cream:#fff9c5;--pink:#ffa3b3;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{background-image:linear-gradient(var(--purple)0% 10%,black 80% 100%)}body,#root,html{height:100%;color:var(--cream);flex-direction:column;flex:1;margin:0;font-family:Jost;display:flex}a{color:var(--pink)}h1{margin-top:0}h1 img{max-width:70vw;max-height:20vh;padding:0 3rem}