@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/woff2/inter.woff2?v=3') format('woff2');
       url('/fonts/ttf/inter.ttf?v=3') format('truetype');
}

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

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

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

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

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

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

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/woff2/merriweather.woff2?v=3') format('woff2');
       url('/fonts/ttf/merriweather.ttf?v=3') format('truetype');
}

@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/woff2/pacifico.woff2?v=3') format('woff2');
       url('/fonts/ttf/pacifico.ttf?v=3') format('truetype');
}

@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/woff2/dancing-script.woff2?v=3') format('woff2');
       url('/fonts/ttf/dancing-script.ttf?v=3') format('truetype');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/woff2/oswald.woff2?v=3') format('woff2');
       url('/fonts/ttf/oswald.ttf?v=3') format('truetype');
}

@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/woff2/bebas-neue.woff2?v=3') format('woff2');
       url('/fonts/ttf/bebas-neue.ttf?v=3') format('truetype');
}

@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/woff2/caveat.woff2?v=3') format('woff2');
       url('/fonts/ttf/caveat.ttf?v=3') format('truetype');
}

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