@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinnerbackground {
  background-color: #151515;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0; 
  right: 0;
  top: 0;
  bottom: 0;
}

.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-top-color: #c70d0d;
  animation: spinner .6s linear infinite;
}