:root {
    --family-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --family-gotham: "Gotham", var(--family-sans);
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Medium.otf");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-MediumItalic.otf");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-Book.otf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/Gotham-BookItalic.otf");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Goudy Old Style";
  src: url("../fonts/GoudyOldStyleMTPro-Regular.otf");
  font-display: swap;
}
@font-face {
  font-family: "Goudy Old Style";
  src: url("../fonts/GoudyOldStyleMTPro-Italic.otf");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Goudy Old Style";
  src: url("../fonts/GoudyMTPro-Bold.otf");
  font-weight: bold;
  font-display: swap;
}
@font-face {
  font-family: "Goudy Old Style";
  src: url("../fonts/GoudyMTPro-BoldItalic.otf");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}