html{
    background-color: #BE8BF4;
}

body{
    max-width: 800px;
    margin: auto;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 0px 10px 2px black;
    background-color: white;
    font-family: Amaranth;
    color: darkblue;

}

header{
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 20px;
    padding-right: 20px;
}

.hero {
    
}

main{
    background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS9KyNog4wvRtXPTdRR7wIVPeJUZ2-ZrAdbMmy9wrhwFzwnbG6DNQ3ChcEJwLQfGcchYNw:https://ih1.redbubble.net/image.980135876.8550/raf,750x1000,075,t,FFFFFF:97ab1c12de.jpg&usqp=CAU");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 950px;
    position: relative;
    
}


/*dropdown menu*/

.dropdown {
  position: relative;
  display: inline-block;
  float: none;

}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #BE8BF4;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px;
  padding: 20px;
  z-index: 1;
  text-align: center;
  border-radius: 40px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-starter{
    color: #BE8BF4;
    font-weight: bold;
    text-decoration: underline;
    
}

.dropdown-starter:hover{
    
}
/*end dropdown menu*/

.hippo{
    color: #BE8BF4;
    font-family: Calistoga;
    font-weight: bold;
}