:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:62.5%;height:100%}*{margin:0;padding:0;box-sizing:border-box}#root{margin:0 auto;text-align:center}.navbar{font-size:3em;display:flex;justify-content:space-between;background-color:#333;padding:4rem 3rem}.nav-links a{margin-left:4rem;color:#fff;transition:all .5s ease;text-decoration:none}.nav-links a:hover{transition:all .5s ease;color:gray}.active{color:gray}