@media(max-width:800px){header,main,footer{width:100vw}}@media screen and (min-width:801px){header,main,footer{width:768px}}body,html{width:100vw;margin:.5em 0}body{color:#222;font-family:sans-serif;line-height:1.5;background-image:url(../img/background.jpg);background-repeat:repeat;display:flex;align-items:center;justify-content:center;flex-direction:column}header{border-bottom:1px solid #222;background-color:#fff;border-radius:.5rem .5rem 0 0}header h1{margin:0;padding:1rem;font-family:cursive}footer{border-top:1px solid #222;padding:.5rem 0;background-color:#fff;border-radius:0 0 .5rem .5rem}main{background-color:#fff}main *,footer *{padding:0 1rem}main * *,footer * *{padding:0}main img{max-width:100%;height:auto}main div ul{padding-left:1.5rem}a{color:#4b636f;text-decoration:none}nav ul{list-style-type:none;margin:0;padding:0;background-color:#333;display:flex}nav ul li a{display:block;color:#fff;padding:14px 16px;text-decoration:none}nav ul li a.active{background-color:#b7e4fb;color:#222}nav ul li a:hover{background-color:#111}img.license{height:32px;width:auto;vertical-align:middle}