html {
background-position: center;
background-color: darkgrey;
}
#hello h1{
text-align: center;
padding-top: 5px;
font-family: 'Oswald', sans-serif;
color: #ffffff;
font-size: 140px;
-webkit-animation:nam 10s infinite;
}
#hello h2{
padding: 1px;
}
#int{
padding-right: 150px;
padding-left: 150px;
padding-top: 9%
}
#hello{
background-color: #434343;
-webkit-animation:name 20s infinite;
}
@-webkit-keyframes name {
0% {background-color:#ff0000;}
10%{background-color:#ff3300;}
20%{background-color:#ffff00;}
30%{background-color:#99ff33;}
40%{background-color:#00ff00;}
50%{background-color:#009933;}
60%{background-color:#990099;}
70%{background-color:#ff3399;}
80%{background-color:#00ccff;}
90%{background-color:#0066ff;}
100%{background-color:#ff0000}
}
@-webkit-keyframes nam {
0% {color:#ff0000;}
10%{color:#ff3300;}
20%{color:#ffff00;}
30%{color:#99ff33;}
40%{color:#00ff00;}
50%{color:#009933;}
60%{color:#990099;}
70%{color:#ff3399;}
80%{color:#00ccff;}
90%{color:#0066ff;}
100%{color:#ff0000;}
}
#cont{
text-align: center;
color: black;
font-size: 30px;
padding: 1px;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
#cont a:hover{
text-align: center;
color: black;
font-size: 30px;
padding: px;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
#cont a{
text-align: center;
color: #ffffff;
font-size: 30px;
style
padding: 1px;
font-family: 'Oswald', sans-serif;
text-decoration: none;
}
#name{
float: right;
color: black;
}