@font-face {
  font-family: 'Montserrat';

  src: url('/font/Montserrat-Bold.woff2') format('woff2'),
        url('/font/Montserrat-Bold.woff') format('woff'),
        url('/font/Montserrat-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';

  src: url('/font/Montserrat-Regular.woff2') format('woff2'),
        url('/font/Montserrat-Regular.woff') format('woff'),
        url('/font/Montserrat-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';

  src: url('/font/Montserrat-Light.ttf') format('truetype');

  font-weight: 300;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Comfortaa';

  src: url('/font/Comfortaa-Regular.woff2') format('woff2'),
        url('/font/Comfortaa-Regular.woff') format('woff'),
        url('/font/Comfortaa-Regular.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Comfortaa';

  src: url('/font/Comfortaa-Bold.woff2') format('woff2'),
        url('/font/Comfortaa-Bold.woff') format('woff'),
        url('/font/Comfortaa-Bold.ttf') format('truetype');

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}