*{padding:0;margin:0}body{font-family:Arial,Helvetica,sans-serif;height:90vh;color:#fff;background:#fff}header nav ul{display:flex;font-size:15px;padding:20px;justify-content:center;overflow:hidden;list-style:none;position:relative}.container{height:100vh;justify-content:center;position:relative;display:flex;align-items:center;color:black}ul{list-style:none;padding:30px;color:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5);-webkit-animation:changeColor 80s ease-in infinite;animation:changeColor 5s ease-in alternate infinite}@keyframes changeColor{0%{color:#EE7752}50%{color:#E73C7E}100%{color:#23A6D5}}ul li{text-align:center;margin:15px}ul li svg{fill:url(#grad1);width:40%;position:relative;bottom:-5px;margin-top:-100%}#stop1{animation:change-color1 5s ease-in-out infinite alternate}#stop2{animation:change-color2 5s ease-in-out infinite alternate}@keyframes change-color1{0%{stop-color:#EE7752}100%{stop-color:#23A6D5}}@keyframes change-color2{0%{stop-color:#E73C7E}100%{stop-color:#EE7752}}ul li h1{font-weight:bold;letter-spacing:15px;text-transform:uppercase;font-size:20px;margin-left:20px}ul li h2{font-weight:lighter;font-size:15px;margin-top:-10px;margin-bottom:50%}ul li a{padding:3%;font-size:90%;text-decoration:none;color:#fff;background:#d8496c;border-radius:5px}a{color:#fff}ul li a:hover{color:#fff;background:#326FE0}a:link{color:#fff;background:#d8496c}a:visited{color:#ffc8ff;background:#808080}a:active{background:#808080}