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