/*DOCTYPE css */
body { 
    background-color: mediumslateblue;

}

h1
{
    text-align: center;
}

h1:hover
{
text-shadow: 1px 1px 2px chocolate, 0 0 25px , 0 0 5px cyan;
color: rosybrown;
}

ul
{
    list-style-type: square;
    text-align: center;
    color: aqua;
}

ul:hover
{
    color: magenta;
}

a:link
{
    color: yellow;
}

a:visited
{
    color: tomato;
}

a:hover
{
    color: lawngreen;
}

a:active
{
    color: turquoise;
}

.content
{
    font-family: "Arial";
    font-style: normal;
    font-size: 20px;
    color: maroon;
}

#thumbnail
{
    text-align: center;
}

img
{
    width: 200px;
    height: 150px;
    border-radius: 70%;
}

img:hover
{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

footer
{
    background-color: lawngreen;
    text-align: right;
}