.loader {
  background-color: #fff7cb;
  bottom: 0;
  display: grid;
  left: 0;
  place-items: center;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
}

.cp-pinwheel {
  animation: cp-pinwheel-animate 1s linear infinite;
  border-top: solid 50px #3071b9;
  border-right: solid 50px #e95471;
  border-bottom: solid 50px #f68d00;
  border-left: solid 50px #00a791;
  border-radius: 50%;
  display: block;
  width: 100px;
  height: 100px;
}
@media (max-width: 768px) {
  .cp-pinwheel {
    border-width: 8vw;
    height: 16vw;
    width: 16vw;
  }
}

@keyframes cp-pinwheel-animate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}