*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}@font-face{font-family:BoingMonoMedium;font-display:block;src:url(/BoingMONO-RegularWEB.woff);font-weight:400;font-style:normal}@font-face{font-family:NySansRegular;src:url(/Ny.Sans-RegularWEB.woff);font-weight:400;font-style:normal}body{font-family:NySansRegular,sans-serif;background-color:#fff6f0;background-image:repeating-linear-gradient(45deg,hsl(24,100%,96%) 0,hsl(24,100%,96%) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(-45deg,hsl(24,100%,96%) 0,hsl(24,100%,96%) 1px,transparent 1px,transparent 3px);color:#036;font-weight:400;font-style:normal;transition:background-color 1.5s ease;font-size:1.2rem}ul{padding-top:.35rem;padding-left:20px}section{padding:.5rem 2rem 4rem;max-width:800px;margin:0 auto}.content{position:relative;padding-top:2rem}h2{font-family:BoingMonoMedium;font-size:2rem;margin-bottom:1rem;color:#036}h3{font-family:BoingMonoMedium;font-size:1.6rem;margin-bottom:.5rem;color:#036}h4{font-family:BoingMonoMedium;font-size:1.4rem;margin-bottom:.5rem;color:#036}h5{font-family:BoingMonoMedium;font-size:1.2rem;margin-bottom:.5rem;color:#036}.skills span,.project-card{background:#8cb3d9;padding:.5rem 1rem;margin:.5rem;border-radius:8px;display:inline-block;color:#036}.project-card{display:block;padding:1rem;background:#8cb3d9}.skills span::selection,.project-card::selection{background:#d1e3fa}.skills span::-moz-selection,.project-card::-moz-selection{background:#d1e3fa}section a{color:#036;text-decoration:none;border-bottom:1px dashed #003366}section a:hover{color:#000;border-bottom:1px solid #003366}header{position:relative;height:100vh;width:100vw;background:linear-gradient(135deg,#036,#369,#69c 40%,#f96 70%,#f60 90%);display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden}header canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#navigation{z-index:2;color:#fff}#navigation h1{font-family:BoingMonoMedium;font-size:4rem}header nav{font-family:BoingMonoMedium;font-size:3rem}@media (max-width: 1023px){#navigation h1{font-size:2rem}header nav{font-size:1.5rem}}header nav a{color:#fff;margin:0 .5rem;text-decoration:none;opacity:.8;text-shadow:0 0 5px rgba(255,255,255,.5);transition:opacity .5s,text-shadow .5s}header nav a:hover{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.9)}#bg{z-index:1}