/* --- Loading --- */

.loading-circle {
  position: absolute;
  top: 50%;
  left: 50%;

  --size: 20vmin;
  width: var(--size);
  height: var(--size);

  --margin: calc(0px - var(--size) / 2);
  margin: var(--margin) 0 0 var(--margin);

  border: 2vmin rgba(172, 179, 194, 0.45) solid;
  border-top: 2vmin lime solid;
  border-radius: 50%;
  animation: spCircRot .9s infinite ease-in-out;
}

@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}