body {    
    //background-color: red;
    
     background-color: #D7FFFF;
    //font: medium sans-serif;
    //padding: 0px;
    //margin: 0px;
    //height: 100%;
    //padding-bottom: 20px;
    //margin-bottom: 0px;
    //overflow: hidden;
  }
  
  footer {
    background-color: #D7FFFF;
  }
  
  #mainArticle {
    background-color: white;
    //border: 2px solid black;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    width: 70%;
    padding: 20px;
    box-shadow: 10px 10px 5px #888888;
    border-radius: 15px;
    height: 100%;
    min-width: 700px;
    
    
  }
  
  p {
    font-style: san-serif;
    text-align: center;
  }
  
  #welcomeMessage {
    font: 150% sans-serif;
  }
  
  .buttons {
    text-align: center;
  }
  
  .button  {
    background-color: #c6ffb3; //#C8C8C8
    height: 100px;
    width: 200px;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    display: inline-block;
    margin: 20px;
    box-shadow: -5px 5px 5px #888888;
  }
  
  .button:hover {
    background-color: #e1ffd7;  // D8D8D8
    //height: 102px;
    //width: 202px;
    
  }
  
  a {
    color: inherit;
  }
  
  img {
    display: block;
    margin-left: auto;
    margin-right: auto
  }