:root{--foreground:#fff;--background:#554288;--fade:#8842dd}html{overflow-y:scroll}html,body{max-width:1200px;min-height:100vh;margin:0;padding:0;font-size:20px;overflow-x:hidden}body{color:var(--foreground);background:linear-gradient(to bottom, var(--background), var(--fade));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:Arial,Helvetica,sans-serif;line-height:1.5em}a{color:var(--foreground)}header,main{margin:2rem}nav{flex-direction:row;justify-content:flex-start;gap:1rem;display:flex}nav a{background:#ffffff40;padding:1rem 2rem}nav a:hover{color:var(--background);background:#fff}footer{margin:2rem}