* Can be whatever you want */
:root {
  --pink: #ffc8ea;
  --blue: #3d03fc;
}

body {
  background-color: var(--pink);
  color: var(--blue);
}

/* Preloader */
#preloader {
  background: var(--blue)
    url("https://samherbert.net/svg-loaders/svg-loaders/spinning-circles.svg")
    no-repeat center;
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  position: fixed;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 9999;
}



Resources