html {
  height: 100%;
  width: 100%;
background-color: #4f0de7;
}
p {
  color:#ff3300;
  font-size: 20px;
  font-family: 'comic sans ms';
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: purple;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: blue;
}
p {
  color: yellow;
  font-size: 20px;
  font-family: 'comic sans ms';
}
h1 {
  color: yellowgreen;
  font-size: 40px;
  font-family: 'tiems new roman';
  text-align: center;
}
img{
  border: 2px solid blue;
  width:70%; height:auto;
}
  footer{
    background-color: blue;
    color:white;
    padding:10px;
    text-align: center;
    clear: both;
  }
h3 {
  color: yellow;
  font-size: 50px;
  font-family: 'french script mt';
  text-align:center ;
}
img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
figcaption {
  text-align: center;
  font-size: 20px;
  font-family: 'comic sans ms';
}