/* style.css*/
body{
background: rgb(102, 204, 255);

}
header h1 {
    text-align: center;
    color:gray;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
nav ul {
text-align: center;

}
nav ul li {
    display: inline;
    background-color: navy;
    margin: 10px 10px;
    padding: 5px 10px;
    border: groove gray 3px;
}
p{
    padding: 5px 10px;
    border: groove gray 3px;
    background-color: blue;
    color:black;
}
a:link { 
   color: lightblue;
   text-decoration:none;   
}
a:visited { 
   color: gray;
   text-decoration:none;   
}
a:hover { 
   color: white;
   text-decoration:none;
   border: groove navy 3px;   
   background-color: gray; 
}
a:active { 
   color: black;
   text-decoration:none;   
   border: groove navy 3px;   
   background-color: gray;
}
.content {
   font-family: "Arial", Helvetica, Sans-serif;
   font-size: 16px;
   font-color: lightblue;
}
footer {
   border: groove navy 3px;
   background-color: navy;
   font-size: 10px;
   color: white;
}

#thumbnail {
border: solid rgb(0, 102, 153) 3px;
background-color: black;
height: 150px;
width: 200px;
}