/* src/styles.scss */
@font-face {
  font-family: "ZeppelinGrotesk-Wide";
  src: local("ZeppelinGrotesk-Wide");
  src: url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-Wide.woff2) format("woff2"), url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-Wide.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ZeppelinGrotesk-Wide";
  src: local("ZeppelinGrotesk-Wide");
  src: url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-WideMedium.woff2) format("woff2"), url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-WideMedium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ZeppelinGrotesk-Wide";
  src: local("ZeppelinGrotesk-Wide");
  src: url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-WideBold.woff2) format("woff2"), url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-WideBold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ZeppelinGrotesk-SemiExpanded";
  src: local("ZeppelinGrotesk-SemiExpanded");
  src: url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-SemiExpanded.woff2) format("woff2"), url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-SemiExpanded.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ZeppelinGrotesk-SemiExpanded";
  src: local("ZeppelinGrotesk-SemiExpanded");
  src: url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-SemiExpMed.woff2) format("woff2"), url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-SemiExpMed.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ZeppelinGrotesk-SemiExpanded";
  src: local("ZeppelinGrotesk-SemiExpanded");
  src: url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-SemiExpBold.woff2) format("woff2"), url(https://static.vertera.org//assets/font/fonts/ZeppelinGrotesk/ZeppelinGrotesk-SemiExpBold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomOutTop {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.3) translateY(-100px);
  }
}
@keyframes fadeInWheel {
  from {
    opacity: 0;
    transform: translateY(150px);
  }
  to {
    opacity: 1;
    transform: translateY(50px);
  }
}
@keyframes fadeInWheelTab {
  from {
    opacity: 0;
    transform: translateY(180px);
  }
  to {
    opacity: 1;
    transform: translateY(80px);
  }
}
@keyframes fadeInWheelDesk {
  from {
    opacity: 0;
    transform: translateY(216px);
  }
  to {
    opacity: 1;
    transform: translateY(116px);
  }
}
@keyframes moveToTop {
  0% {
    transform: translateY(50px) scale(1);
  }
  95% {
    transform: translateY(-100%) scale(0.67);
  }
  100% {
    transform: translateY(50px) scale(0.67);
  }
}
@keyframes moveToTopTab {
  0% {
    transform: translateY(80px) scale(1);
  }
  95% {
    transform: translateY(-100%) scale(0.67);
  }
  100% {
    transform: translateY(80px) scale(0.67);
  }
}
@keyframes moveToTopDesk {
  0% {
    transform: translateY(116px) scale(1);
  }
  95% {
    transform: translateY(-100%) scale(0.67);
  }
  100% {
    transform: translateY(116px) scale(0.67);
  }
}
@keyframes fadeInPrize {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) translateZ(0);
  }
  to {
    opacity: 1;
    transform: translateY(0) translateZ(0);
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
    transform: scale(0.67);
  }
  to {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes wheelSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes textFade {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
@keyframes dotBounce {
  0%, 80%, 100% {
    opacity: 0.3;
  }
  40% {
    opacity: 1;
  }
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  min-height: 100vh;
  background: #28130a;
  color: #fff;
  font-family: "ZeppelinGrotesk-Wide", sans-serif;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
button {
  cursor: pointer;
  border: none;
  background: none;
  font-family: inherit;
}
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles-BYO2U75E.css.map */