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

#newLoader {
  margin-top: 25%;
  margin-left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  width: 10em;
  height: 9.5em;
  aspect-ratio: 1;
  box-sizing: border-box;

  --border-color-1: #c719aa;
  --border-color-2: #f2f2f2;
  --border-size: 0.25em;
}

#newLoaderOuter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;

  border: var(--border-size) solid var(--border-color-2);
  border-top: var(--border-size) solid var(--border-color-1);
  border-radius: 50%;

  animation: loaderRotate 1.5s linear infinite;
}