@font-face{font-family:consolas;src:url(consolas.ttf)}*{margin:0;padding:0;font-family:consolas}hr{margin-top:10px;margin-bottom:10px}html{padding-bottom:20px;background:#ddd}html header h1{text-align:center}html section{float:left}html section div{font-weight:bold}html section article ul,html section div ul{list-style:none;margin:0px;margin-left:5vw}html section article ul li,html section div ul li{text-align:center;display:inline-block;border:3px solid black;padding:1vw;padding-left:3px;padding-right:3px;width:13vw;margin-right:-0px}html section article ul li:nth-child(5):hover{background:#aa0000}html section article ul li:nth-child(5):active{background:#ff0000}html section article ul li:nth-child(4):hover{background:#777}html section article ul li:nth-child(4):active{background:#aaa}html section article:nth-child(even) ul li{background:lightgoldenrodyellow}html aside{float:right;clear:none;width:20vw;margin-right:1vw}html aside div:hover{background:#aaa;cursor:pointer}html aside div:active{background:#777}html aside div{border:2px solid black;margin-bottom:5px;padding:3px;background:#ddd}html aside div h2{text-align:center;font-size:15px}html aside form{border:2px solid black;padding:3px;text-align:center}html aside form h2:hover{background:#aaa;cursor:pointer}html aside form h2:active{background:#777}html aside form h2{border:2px solid black;padding:3px;background:#ddd;text-align:center;font-size:15px}html aside #search{border:2px solid black;margin-bottom:5px;padding:3px;background:#ddd}html aside #search h2{font-size:15px;text-align:center}html aside #search h2:nth-child(2){border:1px solid black;background:#eee}html footer{clear:both;margin-left:5vw;margin-top:5px}html footer h2{font-size:20px}