/* ================= DM Sans ================= */
@font-face {
  font-family: 'DM Sans';
  src: url('DMSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('DMSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

/* ================= Lato ================= */
@font-face {
  font-family: 'Lato';
  src: url('Lato-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

/* ================= Montserrat ================= */
@font-face {
  font-family: 'Montserrat';
  src: url('Montserrat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('Montserrat-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

/* ================= Nunito ================= */
@font-face {
  font-family: 'Nunito';
  src: url('Nunito-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Nunito';
  src: url('Nunito-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

/* ================= Open Sans ================= */
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('OpenSans-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

/* ================= Playfair Display ================= */
@font-face {
  font-family: 'Playfair Display';
  src: url('PlayfairDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}

/* ================= Poppins ================= */
@font-face {
  font-family: 'Poppins';
  src: url('Poppins-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('Poppins-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

/* ================= Raleway ================= */
@font-face {
  font-family: 'Raleway';
  src: url('Raleway-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('Raleway-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

/* ================= Roboto ================= */
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('Roboto-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}