/* Avallon Alt is a paid font (Sam Parrett). Drop the licensed file at
   fonts/AvallonAlt.woff2 (or .otf/.ttf) and it will be picked up. */
@font-face {
  font-family: "Avallon Alt";
  src: local("Avallon Alt"), local("AvallonAlt"),
       url("fonts/AvallonAlt.woff2") format("woff2"),
       url("fonts/AvallonAlt.otf") format("opentype"),
       url("fonts/AvallonAlt.ttf") format("truetype");
  font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background: #f6f4f0;
  color: #000000;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: "Cormorant Garamond", Georgia, serif;
}

main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  text-align: center;
}

.logo {
  width: clamp(120px, 30vw, 176px);
  height: auto;
  /* Blends the image's white background into the page color */
  mix-blend-mode: multiply;
}

.title {
  margin: 1rem 0 0;
  font-family: "Avallon Alt", "Pinyon Script", cursive;
  font-weight: normal;
  font-size: clamp(2.75rem, 9vw, 5.5rem);
  line-height: 1.1;
}

footer {
  padding: 1.5rem 1rem;
  text-align: center;
  font-size: 0.95rem;
}