@font-face {
  font-family: 'FadedPencil';
  src: url('../fonts/fadedpencil.woff2') format('woff2'),
       url('../fonts/fadedpencil.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Monogramica Script';
  src: url('../fonts/monogramica-script.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.magnolia-title,
.magnolia-hero__names,
.magnolia-countdown__num,
.magnolia-footer__names,
.magnolia-rsvp-success__title,
.magnolia-modal__title {
  font-family: 'FadedPencil', Georgia, serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

.magnolia-monogram,
.magnolia-monogram__frame,
.magnolia-monogram__frame::before,
.magnolia-monogram__letters {
  font-family: 'Monogramica Script', cursive;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}