body {
background-image:url('michael-jackson.jpg');
background-repeat:no repeat;
background-size:1500px 600px;

#grad1 

    height: 200px;
    background: -webkit-linear-gradient(black, blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, blue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, blue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, blue); /* Standard syntax (must be last) */


}

h1 {
text-align: center;
color:white;

width: 900px;
    height: 125px;
    background-color: darkblue;
    position: relative;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 4s;


color: white;
    text-shadow: 1px 1px 2px white, 0 0 25px black, 0 0 5px black;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color:blue; left:0px; top:0px;}
    25%  {background-color:red; left:200px; top:0px;}
    50%  {background-color:purple; left:-200px; top:0px;}
    75%  {background-color:blue; left:200px; top:0px;}
    100% {background-color:darkblue; left:0px; top:0px;}
}



hr {
background-color: FF0000;
}
 div {
text-align:center;
background-color:000000;
font-size:28px;
border:3px solid white;
color:#FFFFFF;



}
table, td, th
{
border:1px #008AE6;
padding:15px;
}
th
{
background-color:#FF0000;
color:white;
}

th:hover
{
background-color:#FFFFFF;
}
a:hover,a:active
{
background-color:#FFFFFF;
}

p
{
color:white;
}

h2
{
color:white;
    text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px black;
}

footer{
color:white;
font-size:40px;
text-align: center;
}