html,
body,
#root {
  height: 100%;
  font-family: "Open sans", sans-serif;
  font-display: fallback;
  background: #000c14;
}

@keyframes slideInFromTop {
  from {
    transform: translateY(-0.5rem);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@keyframes rotate {
  from {
    transform: rotateX(-25deg) scale(0.9);
  }
  to {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@media (prefers-reduced-motion) {
  @keyframes slideInFromTop {
    /* no-op */
  }
  @keyframes rotate {
    /* no-op */
  }
}