@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local('Inter'), local('Inter'), url(/fonts/Inter_18pt-Regular.ttf);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local('Inter'), local('Inter'), url(/fonts/Inter_18pt-Bold.ttf);
}
body {
  margin: 0;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  background: #19173D;
}
#eruda {
  opacity: 0 !important;
  pointer-events: none;
  z-index: -1000;
}

#eruda.eruda-show {
  opacity: 1 !important;
  pointer-events: auto;
  z-index: 50000;
}
#loading-bg {
  position: absolute;
  display: block;
  background: var(--initial-loader-bg, #19173D);
  block-size: 100%;
  inline-size: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
#loading-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--initial-loader-bg, #19173D);
  opacity: 0.65;
}
#loading-bg .logo {
  animation: rotate 1s ease infinite;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -50px 0 0 -50px;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}