* {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 1em;
}


body {
    text-align: center;
    display: block;

}

main {
    height: 1000px;
    width: 100%;
    background: white;
}


h1 {
    color: red;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 50px;
    text-align: center; 
}
h2 {
    color: blue;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 25px;
}

h3 {
    color:red;
    font-size: 32px;
}

ul {
list-style-type: none;
text-align: left;
}

a {
   text-decoration: none;
}
.menu-content {
    display: none;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 18px;
}

.menu-button {
    display: inline-block;
    padding: 1em;
    border: 4px solid blue;
    

}

 .menu-button h3:hover {
     color: white;
      background-color: blue;
        
     
    }
 .menu-content li:hover {
        background-color: red;
       
    }
.menu-button:hover .menu-content {
    display: inline-block;
}

img {
    height: 620px;
    padding-bottom: 80px;
}