body {
  background: linear-gradient(to bottom right, rgb(244, 218, 234), rgb(154, 240, 248));
  color: blue;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  text-align: center;
}

a {
  color: blue;
  text-decoration: none;
}

a:hover {
  color: magenta;
}

.lord {
  color: rgb(8, 197, 235);
  font-size: large;
}

.jesus {
  color: red;
  font-size: large;
}

#logo img {
  margin-top: 15px;
  max-width: 400px;
}

#nav {
  background: linear-gradient(to bottom right, rgb(133, 215, 222), rgb(240, 208, 228));
}

#nav ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 100%;
}

#nav li {
  list-style: none;
  margin: 10px 15px 10px 0px;
  text-wrap: nowrap;
}

hr {
  border: 3px groove rgb(248, 167, 233);
  width: 75%;
}

.adults {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(2, 1fr);
  margin: 15px 0px 15px 0px;
}

.adults img {
  max-width: 30vw;
  min-width: 20vw;
}

.mom-pic img{
  border: 5px groove magenta;
}

.mom-info {
  color: magenta;
}

.dad-pic img {
  border: 5px groove blue;
}

.dad-info {
  color: blue;
}

.litter-info {
  font-weight: 600;
  margin: 5px 0px 5px 0px;
  padding: 5px;
}

.pups img {
  max-height: 23vw;
  max-width: 13vw;
  min-height: 13vw;
  min-width: 7vw;
}

.pups {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(4, 1fr);
}

.pup {
  margin: 15px 0px 15px 0px;
}

.pup-1,
.pup-2 {
  margin-top: -50px;
}

.pup a {
  color: purple;
}

.pup a:hover {
  color: rgb(243, 8, 200);
}

.male-pup-pic img {
  border: 5px groove rgb(60, 163, 201);
}

.male-pup-info {
  color: blue;
}

.female-pup-pic img {
  border: 5px groove pink;
  max-width: 150px;
}

.female-pup-info {
  color: magenta;
}

.strike {
  text-decoration-line: line-through;
}

#links {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.link {
  border: 3px solid rgb(237, 194, 221);
}

.sharing-links {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(6, 1fr);
}

.sharing-links img {
  max-width: 250px;
}

button {
  background-color: pink;
  color: blue;
  height: 75px;
  width: 175px;
}

#sharing-books {
  border-bottom: 3px solid rgb(237, 194, 221);
}

.books {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
}

.book {
  margin-bottom: 5px;
}

footer {
  padding: 15px;
}

@media (width >= 750px) {
  body {
    font-size: larger;
  }

  #logo img {
    max-width: 750px;
  }

  #header img {
    max-width: 750px;
  }

  .adults {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 100%;
  }

  .adults img {
    min-width: 350px;
  }

  .pups {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }

  .pups img {
    max-width: 350px;
  }

  .adults-for-sale-section {
    grid-template-columns: repeat(2, .5fr);
    grid-template-rows: repeat(4, .5fr);
  }

  .sharing-links {
    font-size: medium;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    margin-bottom: 15px;
    object-fit: cover;
  }

  .books {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}