#navbar {
    background-color: #B49588;
    height: auto;
    width: 100%;
    padding: 10px 0px 10px 0px;
}

.navbarcontent {
    display: inline-block;
}

.navbutton {
    width: 200px;
    padding: 40px 40px;
    margin: 10px 20px 10px 20px;
    background-color: #726CAA;
    border-radius: 10px;
    border-width: 3px;
    border-color:  #322D5D;
    border-style: solid;
    box-shadow: 5px 5px 10px black;
    text-align: center;
    text-decoration: none;
    font-size: 30px;
    color: black;
}

.navbutton:hover {
    width: 200px;
    margin: 10px 20px 10px 20px;
    background-color: #4F489A;
    border-radius: 10px;
    border-width: 3px;
    border-color:  #322D5D;
    border-style: solid;
    box-shadow: 5px 5px 10px black;
}


#madzoo {
    text-shadow: 20px black;
    margin: 0px 100px 0px 20px;
}

.navbuttontext {
    text-align: center;
    font-size: 30px;
}

#headerdiv {
    background-color: #E4E3F1;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    border-radius: 100px;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    height: auto;
    padding-top: 0px;
}

#birdsheader {
    text-align: center;
    font-size: 100px;
    color: #80523E;
    margin: 0px;
}

#bodydiv {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;;
    background-color: #F5E8E2;
    border-radius: 40px;
    border-style: solid;
    border-width: 2px;
    border-color: #B49588;
    padding-bottom: 20px;
}

#description {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    padding-top: 20px;
}

.birdcard {
  display: inline-block;
  width: 250px;           
  max-width: 90%;         
  padding: 10px;  
  margin-left: 30px;
  margin-right: 30px;        
  background-color: #e0f7ff;
  border-radius: 10px;
  border: 2px solid #99d6ff;
  text-align: center;
  box-sizing: border-box;
}

.picframe {
  width: 100%;             
  height: 250px;           
  overflow: hidden;        
  margin-bottom: 10px;
}

.pic {
  width: 100%;             
  height: 100%;            
  object-fit: cover;       
  display: block;
  border-radius: 6px;
}

.bodycontent {
    text-align: center;
}

.birdname {
    font-size: 25px;;
}

.viewbutton {
    width: 80px;
    padding: 10px 10px;
    margin: 30px 20px 30px 20px;
    background-color: #99d6ff;
    border-radius: 10px;
    border: 1px solid #322D5D;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    color: black;
}

.viewbutton:hover {
    width: 80px;
    padding: 10px 10px;
    margin: 30px 20px 30px 20px;
    background-color: #578fb4;
    border-radius: 10px;
    border: 1px solid #322D5D;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    color: black;
}