header{align-items:center;display:flex;justify-content:space-between;position:fixed;width:100%;z-index:10}.logo{height:100px;margin-left:20px}#nav{margin-right:20px}#nav li{float:left;list-style:none;text-align:center;width:150px}#nav li a{font-size:1.5em;text-decoration:none}#nav li a:hover{opacity:.5;transition:.3s}footer{animation:footerchange 20s ease infinite;background-color:#a7cdff;height:20vw;text-align:center;width:100%}footer p{font-size:1.3vw;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes footerchange{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(1turn)}}