body {
  background-color: #f8f8f7;
}

div {
  text-align: center;
}

img {
  max-width: 35em;
  margin-top: 50px;
  margin-bottom: 30px;
}
h1 {
  color: #7a7866;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

a{
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.imgbutton {
  max-width: 100px;
  margin: 0%;
  margin-left: -14px;
}
.button {
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 15px;
    width: 70px;
    height: 100px;
  }

  .button0 {
    background-color: #f8f8f7;
    color: black; 
  }
  
  .button:hover {
    background-color: #FFD743;
    color: white;
  }
  


  .button1 {
    background-color: #f8f8f7;
    color: black; 
  }
  
  .button1:hover {
    background-color: #e99a00;
    color: white;
  }
  
  .button2 {
    background-color: #f8f8f7; 
    color: black; 
  }
  
  .button2:hover {

    background-color: #0086be;
    color: white;
  }
  
  .button3 {
    background-color: #f8f8f7; 
    color: black; 
  }
  
  .button3:hover {
    background-color: #6eb055;
    color: white;
  }

  .button4 {
    background-color: #f8f8f7; 
    color: black; 
  }
  
  .button4:hover {
    background-color: #7a7866;
    color: white;
  }