*,::before,::after{box-sizing:content-box}body{font-family:Georgia,"Times New Roman",Times,serif;color:purple;background-color:#fff}h1{font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color:purple}.wrapper{width:810px;margin:auto;border:solid gray 0}.banner{width:810px;position:relative;top:10px;left:10px}#banner-image{height:150px;width:150px}.menu{color:orange;width:210px;height:400px;position:relative;left:10px;top:20px;padding:2px}.content{text-align:center;color:#000;font-family:Verdana,sans-serif;width:570px;height:395px;position:relative;left:230px;top:-400px;padding:5px}.footer{text-align:center;color:gray;font-family:Verdana,sans-serif;width:790px;height:60px;position:relative;left:10px;top:-20px;padding:5px}.table{width:200px;height:50px;text-align:center;font-family:Verdana,sans-serif;border-style:solid;border:1px;border-color:#000;background-color:#ff0}os-page-header{font-size:x-large}os-header{font-size:medium}@media (prefers-color-scheme:dark){body{background-color:#000;color:#fff}.content{color:#fff}a:link{color:#fff}}@media (prefers-color-scheme:light){body{background-color:#fff;color:#000}.content{color:#000}}