@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('/fonts/roboto-latin-wght-normal.woff2') format('woff2');
}

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

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

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

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

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
  src: url('/fonts/montserrat-latin-wght-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300 900;
  font-display: block;
  src: url('/fonts/merriweather-latin-wght-normal.woff2') format('woff2');
}

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

@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/crimson-text-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('/fonts/crimson-text-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('/fonts/crimson-text-latin-700-normal.woff2') format('woff2');
}

:root {
  --font-inter: 'Inter';
  --font-roboto: 'Roboto';
  --font-open-sans: 'Open Sans';
  --font-lato: 'Lato';
  --font-montserrat: 'Montserrat';
  --font-merriweather: 'Merriweather';
  --font-playfair-display: 'Playfair Display';
  --font-crimson-text: 'Crimson Text';
}