:root {
  --header-bg-color: #343a40;
  --header-text-color: #ffffff;
  --about-bg-color: #343a40;
  --about-text-color: #ffffff;
  --puppies-bg-color: #343a40;
  --puppies-text-color: #ffffff;
  --contact-bg-color: #343a40;
  --contact-text-color: #ffffff;
  --footer-bg-color: #343a40;
  --footer-text-color: #ffffff;
}

body {
  font-family: "Poppins", system-ui, sans-serif;
}

h1,
h2 {
  text-align: center;
}

header {
  background-color: var(--header-bg-color);
  color: var(--header-text-color);
}

header a {
  color: inherit;
  text-decoration: underline;
}

.about {
  background-color: var(--about-bg-color);
  color: var(--about-text-color);
}

.about-tile {
  color: inherit;
}

.puppies {
  background-color: var(--puppies-bg-color);
  color: var(--puppies-text-color);
}

.contact {
  background-color: var(--contact-bg-color);
  color: var(--contact-text-color);
}

footer {
  background-color: var(--footer-bg-color);
  color: var(--footer-text-color);
}

footer a {
  color: inherit;
}