:root{--white:#f8f8f8;--black:#080808}body{font-family:sans-serif;margin:0}@media (prefers-color-scheme:light){body{background-color:var(--white);color:var(--black)}}@media (prefers-color-scheme:dark){body{background-color:var(--black);color:var(--white)}}*,:after,:before{box-sizing:border-box}a{color:#07a}a:visited{color:#731644}.top{display:flex;flex-direction:column;min-height:100svh}.container{margin:0 auto;max-width:1000px;width:95%}header{background-color:#3f6fff;color:var(--white);padding:10px 0}header h1.logo{margin:0}header h1.logo a{color:var(--white);text-decoration:none}nav{font-size:smaller;padding:3px 0}nav a{text-decoration:none}nav a:hover{text-decoration:underline}@media (prefers-color-scheme:light){nav{background-color:#ccc}}@media (prefers-color-scheme:dark){nav{background-color:#444}nav a:visited{color:#f4f}}main{flex-grow:1;padding:15px 0}footer{color:var(--white);font-weight:700}@media (prefers-color-scheme:light){footer{background-color:gray}}@media (prefers-color-scheme:dark){footer{background-color:#444}}