body{
  line-height: 1.4;
  display: flex; 
  flex-direction: column; 
  background-color: white;
  color: rgb(117, 113, 79);
  /* background-color:rgb(244, 160, 178);  */

  align-items: center; 
  padding-top: 40px; 
}

h1{
  text-align: center;
}

.toybox-header{
  background-color: beige; width: 50%; padding: 20px; border-radius: 4px;
}

.toybox-page {
  display: flex;
  flex-direction: column;
  width: 45%;
  background-color: rgb(177, 182, 232);
  padding: 40px;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 10px dashed rgb(195, 67, 107);
  border-radius: 10px;
  gap: 40px;
}

.adoptable-card{
  border: 5px solid rgb(130, 132, 191);
  border-radius: 15px;
}

.adoptable-header{
  padding: 10px; 
  background-color:beige; 
  border-bottom: 5px solid rgb(224, 219, 146);
  border-top-right-radius: 10px; 
  border-top-left-radius: 10px;
}

.adoptable-header p{
margin: 5px 0px 0px 5px;
}

.adoptable-container {
  padding: 30px 10px 0px 10px;
  background-color: white;
  text-align: center;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.adoptable {
  padding-bottom: 20px;
}


@media (max-width: 900px) {
  .toybox-page {
    width: 80%;
  }
}