@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Goblin+One&family=Heebo:wght@500;600;700;800;900&family=Red+Hat+Display:wght@300&family=Rubik:wght@600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Goblin+One&family=Heebo:wght@500;600;700;800;900&family=Inter:wght@100;200;300;400;500;600;700&family=Red+Hat+Display:wght@300&family=Rubik:wght@600;700;800;900&display=swap');

@font-face {
  font-family: 'Hey October';
  src: url('./font/hey_october/october.ttf');
}

@font-face {
  font-family: 'Dolce Vita';
  src: url('./font/dolce_vita/Dolce\ Vita.ttf');
}

@layer base {
  html {
    font-family: 'Hey October';
  }
}

h1, h2, h3 {
  font-family: 'Hey October';
}

.dolce {
  font-family: 'Dolce Vita';
}

#mobile-nav {
  animation: fade-in 300ms ease;
}

@keyframes fade-in {
  0% { opacity: 0;}
  100% { opacity: 1;}
}