html {
  height: 100%;
  width: 100%;
 background-color: yellow;
  }
  p {
    color: blue;
    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;
  }
  h1 {
    color: red;
    font-size: 40px;
    font-family: 'comic sans ms';
    text-align: center;
  }
  h2 {
    text-align: center;
  }
  img{
    border: 2px solid red;
    width:75%; height: auto;
  }
  footer{
    background-color: red;
    color: white;
    padding:10px;
    text-align: center;
    clear: both;
  }
  h3 {
    color: red;
    text-align: center;
  }
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  figcaption {
    text-align: center;
    color: blue;
    font-size: 20px;
    font-family: 'french script mt';
  }