body,
html {
  margin: 0;
  height: 100%;
  background: #ffffff;
  background-size: 100% 100%;
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contain {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.stretch {
  display: block;
  width: 100%;
  height: 100%;
}

.cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* #Pangea
@media (prefers-color-scheme: dark) {
  body {
    margin: 0;
    height: 100%;
    background: #000000;
    background-image: url("img/dark-background.png");
    background-size: 100% 100%;
  }
}
*/

@media (prefers-color-scheme: dark) {
  body {
    margin: 0;
    height: 100%;
    background: #000000;
    background-size: 100% 100%;
  }
}

.image {
  width: 100%;
}

.custom-loader {
  --d: 88px;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 85px;
  left: 85px;
  border-radius: 100%;
  color: #8C5EE8;
  box-shadow:
    calc(1*var(--d)) calc(0*var(--d)) 0 0,
    calc(0.707*var(--d)) calc(0.707*var(--d)) 0 2px,
    calc(0*var(--d)) calc(1*var(--d)) 0 4px,
    calc(-0.707*var(--d)) calc(0.707*var(--d)) 0 6px,
    calc(-1*var(--d)) calc(0*var(--d)) 0 8px,
    calc(-0.707*var(--d)) calc(-0.707*var(--d))0 10px,
    calc(0*var(--d)) calc(-1*var(--d)) 0 12px;
  animation: s7 1s infinite steps(8);
}

@keyframes s7 {
  100% {
    transform: rotate(1turn)
  }
}

/* Pangea# */