@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@600&family=Silkscreen&display=swap');

body, html {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
}

#app {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right top, #484848, #45434b, #423e4e, #403951, #3f3353, #3f3353, #3f3353, #3f3353, #403951, #423e4e, #45434b, #484848);
  display: flex;
  justify-content: center;
  align-items: center;
}

.dark-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(1px);
  z-index: 91;
}

@keyframes ldio-184edm58z8c {
  0% { transform: rotate(0deg) }
  50% { transform: rotate(180deg) }
  100% { transform: rotate(360deg) }
}

.ldio-184edm58z8c div {
  position: absolute;
  animation: ldio-184edm58z8c 1s linear infinite;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  box-shadow: 0 4px 0 0 #000fa0;
  transform-origin: 80px 82px;
}

.loadingio-spinner-eclipse-2di4geo6gj3 {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
  background: none;
  z-index: 92;
}

.ldio-184edm58z8c {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}

.ldio-184edm58z8c div { box-sizing: content-box; }
/* generated by https://loading.io/ */