footer{justify-content:center;align-items:center;padding:1rem 0;font-size:1.25rem;display:flex}footer a:not(:first-of-type){border-left:2px solid #666;padding-left:1rem}footer a:not(:last-of-type){padding-right:1rem}.nav{background-color:#303030;border:1px solid #383838;border-radius:3rem;flex-basis:25%;padding:0 2rem;font-size:1.125rem}@media screen and (width<=740px){.nav{margin-bottom:1rem}}.nav ul{flex-direction:row;gap:2rem;margin:0;padding:0;list-style-type:none;display:flex}@media screen and (width<=600px){.nav ul{gap:1rem}}.nav li{color:#fff;list-style-type:none}.nav a{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;padding:.5rem 0;display:block}.nav a:hover{color:#ffc53d}.nav a.active{color:#ffc53d;position:relative}.nav a.active span{background-color:#ffc53d;height:2px;position:absolute;bottom:-1px;left:.5rem;right:.5rem}header{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 0 2rem;display:flex}@media screen and (width<=740px){header{flex-direction:column;gap:1rem;padding:0}}header h3{flex-basis:25%;margin:0;font-size:1.5rem}.hero{float:right;border-radius:.75rem;width:450px;height:598px;margin-left:2rem}@media screen and (width<=600px){.hero{margin:0 10%}}@media screen and (width>=600px) and (width<=800px){.hero{margin:0 calc(50% - 225px)}}@media screen and (width<=800px){.hero{float:none;width:80%;max-width:450px;height:auto}}ul.contact li{margin:0;padding:0;font-size:1.375rem;list-style-type:lower-roman}.experience-item{background-color:#292929;border-radius:.75rem;align-items:start;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.experience-item:first-child{margin-top:1rem}.experience-content{flex-direction:column;display:flex}.experience-fade{opacity:.65}.experience h3{margin:0}.experience img{width:50px}.experience p{margin-bottom:0}.experience blockquote{background-color:#303030;border-radius:.5rem;margin-left:0;padding:1rem}.skills{background-color:#292929;border-radius:.75rem;flex-direction:column;gap:1rem;margin:1rem 0;padding:1rem;display:flex}.skills p{margin:0}.project{background-color:#292929;border-radius:.75rem;flex-direction:column;padding:1rem;display:flex}.project:hover{filter:drop-shadow(0 0 8px #0003);cursor:pointer;background-color:#303030}.project p{font-weight:400}.project span{color:#888;font-weight:700}.project-footer{justify-content:space-between;margin-top:auto;display:flex}.project-header{align-items:center;gap:1rem;display:flex}.project-header h4{margin:0}.project-image-container{justify-content:center;align-items:center;width:50px;height:50px;font-size:36px;display:flex}.project-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.5rem;display:grid}.attributions{font-size:.875rem}.attributions a:not(:last-child):after{content:" | "}.attributions-header{margin:1rem 0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181818;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{background-color:#242424;flex-direction:column;min-height:100vh;margin:0 auto;padding:0 4rem;display:flex}@media screen and (width>=600px){#root{padding:0 3%}}@media screen and (width>=1000px){#root{padding:0 10%}}@media screen and (width>=1264px){#root{filter:drop-shadow(0 5px 32px #0006);width:100%;max-width:1000px;padding:0 8rem}}@media screen and (width<=600px){#root{padding:0 1rem}}a,span.link{color:#ffffffde;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#fff}a.underline{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body{min-height:100vh;margin:0;padding-left:calc(100vw - 100%);overflow-x:hidden}@media screen and (width<=1263px){body{padding:0}}canvas{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}@media screen and (width<=1263px){canvas{display:none}}h1{margin:0;padding-bottom:1rem;font-size:2rem;line-height:2.5rem}@media screen and (width<=600px){h1{font-size:1.5rem;line-height:2rem}}h2{margin:0}img.round{border-radius:50%}main{flex-grow:1}p{font-size:1.125rem}p.small{margin-bottom:.5rem;font-size:.875rem}.light-dark-toggle{color:red;flex-basis:25%;justify-content:flex-end;display:flex}@media screen and (width<=1000px){.light-dark-toggle{display:none}}.mt-1{margin-top:1rem}