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: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.hero {
    
}

main{
    background-image: url('vintageHippo2023-01-10_28opacity.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 750px;
    position: relative;
    
}


/*dropdown menu*/

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

}

.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;
    text-shadow: 1px 1px black;
    letter-spacing: 1px;
}