body
{
    background: linear-gradient(to right, black, green 20%, green 80%, black);
    background: linear-gradient(to right, maroon, black 10%, black 90%, maroon);
     color: white;
    animation: mymove 5s;
}
/* Standard syntax */
@keyframes mymove 
{
    from {background: maroon}
    to {background: black;}
}

h1
{
font-size: 48px;
color: black
}
div.blog
{
     background: black;
     color: white;
     font-size: 20;
     width: 840;
}
a
{
     font-size: 20;
     color: yellow;
}

a:hover
{
     background: black;
     font-size: 24;
     color: orange;          
}
div.footer 
{
     font-size: 12;
     color: white;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to right, maroon, black 10%, black 90%, maroon);
}

div.tagline
{
     width:240px;
     padding:10px;
     background:white;
     color:#004165;
     border-radius:1em;
     -moz-border-radius:1em;
     -webkit-border-radius:1em;
     text-align:center;
     text-decoration:none; 
     font-size: 20px;
     font-weight=bold
}
div.nameTitle
{
width:420px;
padding:10px;
background:white;
color:black;
border-radius:1em;
-moz-border-radius:1em;
-webkit-border-radius:1em;
text-align:center;
text-decoration:none; 
font-size: 20px;
font-weight=bold
}