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}.project-image{height:315px;width:530px}@media(max-width:1150px){.projects{grid-template-columns:1fr}.project-description,.youtube-embed{width:300px}}.animations{height:60%;width:100%}.audio-controls{height:70px;width:200px;padding:.5rem;background-color:#fff;position:absolute;bottom:2rem;display:flex;align-items:center;justify-content:space-evenly;border-radius:4px}.audio-controls button{padding:.5rem}.modes-container{height:70px;width:250px;padding:.5rem;background-color:#fff;position:absolute;top:3rem;display:flex;flex-flow:column;align-items:center;justify-content:space-evenly;border-radius:4px}.modes-container button{padding:.5rem;margin-right:.4rem}.active-mode{border:2px solid greenyellow;border-radius:5px}.modes-button-container{display:flex;flex-flow:row;align-items:center;justify-content:center}