html{overflow-x:hidden;font-family:Verdana}::-webkit-scrollbar{opacity:0;width:10px}::-webkit-scrollbar-thumb{border-radius:0;background-color:gray;opacity:1;border:none}nav{position:fixed;top:0;left:0;width:100%;box-shadow:0 1px 3px #444;border-bottom:1px solid gray;z-index:2;background-color:#fff}nav ul{list-style:none;vertical-align:middle;margin:0;padding:0}nav li{display:inline-block;font-size:3vh;line-height:1em;padding:.5em 1em;transition:background-color .2s}nav li:hover{background-color:#ccc}nav a{text-decoration:none;color:#000}nav a:visited{color:#000}header{margin-top:calc(1em + 3vh);margin-left:-8px;height:350px;box-shadow:2px 2px 10px #444;width:100vw}#animation{opacity:.8}#info{width:430px;height:150px;z-index:1;position:absolute;top:122px;left:50vw;transform:translateX(-200px);display:flex}#info img{background-color:#fff;box-shadow:0 0 10px #444;color:green;width:150px;height:100%;font-size:50px;line-height:150px;border-radius:75px;border:2px solid gray}#info span{font-size:40px;padding:30px;padding-right:0;color:#000;font-family:sans-serif;text-shadow:1px 2px 4px #000}main{position:relative;left:50%;transform:translateX(calc(-30vw + 4%));flex-flow:row wrap;margin:auto 0;width:60vw}main > div{display:flex;flex-flow:row wrap;padding-bottom:100px}main article{width:42%;margin:4%}main article a{font-family:courier;text-decoration:none;color:gray}footer{width:100vw;margin-left:-8px;margin-bottom:-8px;padding:10px 0;background-color:#222;color:#fff;text-align:center;height:50px;line-height:10px;font-size:20px}footer a{color:#fff;text-decoration:none}