*{
    margin: 0px;
padding: 0px;
 background-color: #f9f3ec;
  color: #333;
  font-family: "DynaPuff", system-ui;
}
#back{
width: fit-content;
border: 2px solid #d4a373;
text-decoration: none;
}
#back:hover{
    border: 5px solid #d4a373;
}
#heading{
  width: 100%;
  text-align: center;
}
h1{
    display: inline-block;
    font-size: 40px;
    width: fit-content;
    border-bottom: 5px solid #d4a373;
}
#pics{
    width: 100%;
    text-align: center;

}
.animals{
    width: 100%;
    height: 59%;
  
    display: block;
    border-radius: 30px;
    margin-bottom: 10px;
    overflow: hidden;
    

}
.prices{
  height: 35%;
    display: block;
border-radius: 18px;
width: 60%;
margin: 0 auto;
   box-shadow: 0px 0px 20px #d4a373;
   overflow: hidden;
}
.each:hover{
box-shadow: 0px 0px 20px #d4a373;
padding: 10px;
}
.each{
  border: 5px solid #d4a373;
    display: inline-block;
    border-radius: 20px;
    width: 25%;
    height: 350px;
    margin-top: 50px;
    margin-bottom: 120px;
    margin-right: 40px;
    margin-left: 40px;
    
}

p.camel{
 padding-top:30px ;
    width: 100%;
    height: 49%;
    font-size: 20px;
    margin: 0 auto;
}
#footer{
  
  width: 100%;
height: 20%;
    background-color: #b57f56;
  text-align: center;
  padding-bottom: 30px;

}
#f-p{
padding-top: 30px;
}
.p-f{
  color: #fff;
  font-size: 20px;
  background-color: #b57f56;
}
#icons{

text-align: right;
 background-color: #b57f56;
}
#git{
  width: 50px;
  height: 50px;
  border-radius:100% ;
    
}
#youtube{
   width: 50px;
  height: fit-content;
  border-radius:100% ;
   background-color: #b57f56;
}
#facebook{
   width: 50px;
   height: 50px;
  border-radius:100% ;
   
}
.anchor{
   background-color: #b57f56;
}
@media (max-width:700px)
{
  .each{
    width: 70%;
  }
}