body,html{font-family:Arial,sans-serif;margin:0;height:100vh;background-color:#111;color:#9c9c9c}main{margin:2% 10%}.navbar{margin:0}.navbar ul{list-style-type:none;margin-top:0;padding:0;overflow:hidden;background-color:#333}.navbar li{float:left}.navbar li a{display:block;color:#fff;text-align:center;padding:.75em 1em;text-decoration:none}.navbar li a:hover{background-color:#111}footer{background-color:#333;width:100%;text-align:center;padding:.5em;float:left}footer>*{padding:.5em;margin:0}footer>.left,footer>.middle,footer>.right{width:33.3333%;float:left}footer>.left{float:left}footer>.right{float:right}footer>*>.logos>*>*{max-width:2em}footer>*>.logos>a{color:transparent}.project>*{margin-top:1em;margin-bottom:1em}.project header>*{margin-top:.25em;margin-bottom:.25em}.project>img{max-width:100%;display:block;max-height:40em;margin-left:auto;margin-right:auto;align-content:center}.sxs{content:"";clear:both;display:table}.sxs>img{float:left;padding:1em;max-width:45%;display:block;max-height:40em;margin-left:auto;margin-right:auto;align-content:center}