html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  background-color: #000 !important;
}

#error-container {
  margin: 24px;
  color: indianred;
  font-family: monospace;
  font-size: 14px;
}

#engine-container {
  height: 100%;
  width: 100%;
  background-color: #ff0000;
}

#loader div {
  width: 5px;
  height: 5px;
  position: absolute;
  left: -25px;
  top: 10px;
  background-color: #fff;
  border-radius: 50%;
  animation: move 4s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
}

#loader div:nth-child(2) {
  animation-delay: 150ms;
}

#loader div:nth-child(3) {
  animation-delay: 300ms;
}

#loader div:nth-child(4) {
  animation-delay: 450ms;
}

@keyframes move {
  0% {
    transform: translateX(0px);
  }
  75%,
  100% {
    transform: translateX(calc(100vw + 25px));
  }
}

#maintenance {
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%;
  left: 0%;
  top: 0%;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}