@font-face {
  font-family: "DM Sans";
  src: url("./dm_sans/DMSans-Regular.woff2") format("woff2"),
       url("./dm_sans/DMSans-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("./dm_sans/DMSans-Bold.woff2") format("woff2"),
       url("./dm_sans/DMSans-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("./dm_sans/DMSans-Medium.woff2") format("woff2"),
       url("./dm_sans/DMSans-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("./dm_sans/DMSans-SemiBold.woff2") format("woff2"),
       url("./dm_sans/DMSans-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("./playfair_display/PlayfairDisplay-Regular.woff2") format("woff2"),
       url("./playfair_display/PlayfairDisplay-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("./playfair_display/PlayfairDisplay-Italic.woff2") format("woff2"),
       url("./playfair_display/PlayfairDisplay-Italic.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("./playfair_display/PlayfairDisplay-Bold.woff2") format("woff2"),
       url("./playfair_display/PlayfairDisplay-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("./playfair_display/PlayfairDisplay-Medium.woff2") format("woff2"),
       url("./playfair_display/PlayfairDisplay-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("./playfair_display/PlayfairDisplay-MediumItalic.woff2") format("woff2"),
       url("./playfair_display/PlayfairDisplay-MediumItalic.woff") format("woff");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

:root {
  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --sans: "DM Sans", Arial, Helvetica, sans-serif;
}