spinner style

spinner.css

#spinner {
  width: 200px;
  height: 200px;
  position: fixed;
  top: calc(50vh - 100px);
  left: calc(50vw - 100px);
  border-radius: 50%;
  border: 3px solid #b39fd5;
  border-top: solid coral;
  z-index: 100;
  animation: spinner 0.9s linear infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

spinner.sass

#spinner
    position: absolute
    width: 60px
    height: 60px
    margin-top: -30px
    margin-left: -30px
    border-radius: 50%
    border: 3px solid lavender
    border-top: solid coral
    animation: spinner 0.7s linear infinite

  @keyframes spinner
  to
    transform: rotate(360deg)