body {
  --primary: #53a3e7;
  --primary-100: #bfdbf7;
  --secondary: #ef2e4b;
  --tertiary: #d1c551;
  --light: #f9f6f0;
  --light-100: #fff;
  --dark: #1e384e;

  font-family: "PT Serif", serif;
  background-color: var(--light);
  color: var(--dark);
}

header {
  padding-bottom: 5rem;
}

h1 {
  font-family: "Instrument Serif", serif;
  font-size: 64px;
  line-height: 58px;
}

H2 {
  font-family: "Mrs Saint Delafield", cursive;
  font-size: 49px;
  line-height: 40px;
  color: var(--secondary);
}

h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  color: var(--secondary);
}

p,
ul {
  font-size: 1.125rem;
  line-height: 2rem;
}

.signature {
  font-family: "Mrs Saint Delafield", cursive;
  font-size: 40px;
}

.button {
  border: none;
  text-decoration: none;
  background-color: var(--primary);
  color: var(--light-100);
  padding: 0.8rem 0;
}

.button:hover {
  background-color: var(--secondary);
  color: var(--light-100);
}

section {
  padding-bottom: 5rem;
}

section p {
  padding-bottom: 1rem;
}

.text {
  row-gap: 4rem;
}

footer {
  border-top: 1px solid var(--tertiary);
  color: var(--tertiary);
}

footer p {
  margin-bottom: 0 !important;
}