body,html,#root,:root{background-color:#000;margin:0;height:100%;width:100%;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;margin-bottom:1rem}h1{color:#fff;text-align:center;margin-top:1rem;margin-bottom:1rem;font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal;font-size:16px}.top-nav a{margin-right:1rem;text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:.25rem}.introduction{margin-top:1rem;width:380px;display:flex;flex-flow:column;justify-content:center;align-items:center}.top-nav{display:flex;flex-flow:row;justify-content:center;align-items:center}.icons{margin-top:1rem}.icons img{height:60px;width:60px;margin-right:1rem}.projects{display:grid;grid-template-columns:1fr 1fr;gap:16px}.project{display:flex;flex-flow:column;align-items:center;justify-content:flex-start}.project-title{text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:.25rem;color:#fff}@media(max-width:1150px){.projects{grid-template-columns:1fr}.project-description,.youtube-embed{width:300px}}.animations{height:60%;width:100%}