:root {
    --background-color: white;
}
html {
    background: var(--background-color);
}
html.dark{
    --background-color: #121212;
}


.back_container {
  width: 250px;
  height: 250px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader {
    --dim: 100px;
    width: var(--dim);
    height: var(--dim);
    border-radius: 50%;
    display: grid;
    place-items: center;
    animation: spin_412 2s infinite;
}

.loader .loader-svg {
    transform: translateY(-2px) scale(.7);
}

@keyframes spin_412 {
    0% {
        transform: rotate(0) scale(1);
    }

    50% {
        transform: rotate(360deg) scale(1);
    }

    100% {
        transform: rotate(0) scale(1);
    }
}