@font-face {
  font-family: 'Roboto';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/roboto/roboto-300.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/roboto/roboto-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/roboto-condensed/roboto-condensed-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/roboto-condensed/roboto-condensed-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/open-sans/open-sans-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/open-sans/open-sans-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/open-sans/open-sans-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/lato/lato-300.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/lato/lato-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/montserrat/montserrat-300.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/montserrat/montserrat-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Display';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/playfair-display/playfair-display-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Display';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/playfair-display/playfair-display-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Playfair Display';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/playfair-display/playfair-display-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Raleway';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/raleway/raleway-300.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Raleway';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/raleway/raleway-700.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/poppins/poppins-300.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/fonts/poppins/poppins-700.woff2') format('woff2');
}