@font-face {
  font-family: 'Grotesk';
  src:
    local('Grotesk'),
    url(assets/fonts/AmericanGrotesk-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Grotesk';
  font-weight: bold;
  src:
    local('Grotesk'),
    url(assets/fonts/AmericanGrotesk-Bold.otf) format('opentype');
}

@font-face {
  font-family: 'Grotesk';
  font-weight: 900;
  src:
    local('Grotesk'),
    url(assets/fonts/AmericanGrotesk-Black.otf) format('opentype');
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 100;
  }
}