*{
    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%;
    height: 80%;
    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: 20px;
width: 60%;
margin: 0 auto;
    box-shadow: 0px 0px 20px #d4a373;
}
.each:hover{
box-shadow: 0px 0px 20px #d4a373;
padding: 10px;
}
.each{
   border: 5px solid #d4a373;
    display: inline-block;
    width: 23%;
    height: 350px;
    margin: 50px;
    margin-bottom: 120px;
    border-radius: 20px;
}
.cow{
  padding-top:30px ;
    width: fit-content;
    height: fit-content;
    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%;
  }
}