body {
  font-family: Georgia, serif;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #fdfaf6;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><rect width="20" height="20" fill="%23fdfaf6"/><path d="M0,10 L10,10 L10,0" stroke="%23e0d6c8" fill="none"/></svg>');
}
header {
  background-color: #1e1e1e;
  color: white;
  padding: 2rem;
  border-bottom: 4px solid gold;
}
.puppy-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  padding: 2rem;
  max-width: 640px;
  margin: 0 auto;
}
.puppy-card {
  background-color: white;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.puppy-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 4px;
}
.parents {
  padding: 2rem;
}
.parent-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
.parent-card {
  background-color: white;
  padding: 1rem;
  width: 300px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.parent-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 4px;
}
.contact {
  background-color: #fff;
  padding: 2rem;
  margin: 2rem auto;
  max-width: 600px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.contact a {
  color: #000;
  text-decoration: none;
}
footer {
  background-color: #1e1e1e;
  color: white;
  padding: 1rem;
  border-top: 4px solid gold;
}