body{max-width:1000px;width:90%;margin:0 auto;padding:0;background-color:#f4f4f4;font-family:Arial,sans-serif;line-height:1.6;color:#000}#content{margin:auto;overflow:hidden;color:#000}article{height:100%;color:#000}@media(prefers-color-scheme:dark){body{background-color:#111;color:#eee}#main-header,footer{background-color:#222;color:#fff}#main-header nav ul{background-color:#333}#main-header nav ul li a:hover{background-color:#444}#content,article{color:#fff}}#maincontent p{color:#000}#main-header{text-align:center;background-color:#666;color:#fff;padding:10px 0;margin:0}#main-header h3{margin:0;font-size:2em}#main-header nav ul{list-style:none;padding:0;margin:0;background-color:#444;display:flex;flex-wrap:wrap;justify-content:center}#main-header nav ul li{color:#fff;display:inline-block;margin:0 1em}#main-header a{color:#fff;background-color:#444;text-decoration:none}#main-header a:hover{background-color:#555}nav a{color:#fff;text-decoration:none}footer{background-color:#666;color:#fff;padding:10px;padding-bottom:10px;bottom:0;left:0;line-height:1.2}