@font-face {
  font-family: 'Druk';
  src: url(./fonts/DrukTextWide-Medium.ttf) format("opentype"),
  url('./fonts/DrukTextWide-Medium.svg') format('svg');
}

@font-face {
  font-family: 'Druk Bold';
  src: local('Druk Bold'), url(./fonts/DrukTextWide-Bold.otf) format("opentype"),
  url('./fonts/DrukTextWide-Bold.svg') format('svg');
}

@font-face {
  font-family: 'Druk Italic';
  src: local('Druk Italic'), url(./fonts/DrukTextWide-MediumItalic.otf) format("opentype"),
  url('./fonts/DrukTextWide-MediumItalic.svg') format('svg');
}

@font-face {
  font-family: 'Druk Bold Italic';
  src: local('Druk Bold Italic'), url(./fonts/DrukTextWide-MediumItalic.otf) format("opentype"),
  url('./fonts/DrukTextWide-MediumItalic.svg') format('svg');
}

@font-face {
  font-family: "Smooth Fantasy";
  src: local("Smooth Fantasy"),
    url(./fonts/SmoothFantasy.otf) format("opentype");
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}