*{margin: 0;}
body {
  background-color: #242F3F;
  text-align:center;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}
.main,.main-cont{
  width: 160px;
  height: 160px;
  animation: mainspin 4s infinite linear;
}


.loader {
  display: inline-block;
  width: 14px;
  height: 14px;
  top:-10px;
  left:-66px;
  position: relative;
  border: 4px solid white;
  background-color:white;
  transform:all 2s infinite linear;
  animation: loader 2s infinite linear;
}
.loader2{
display: inline-block;
  width: 14px;
  height: 14px;
  top:148px;
  left:66px;
  position: relative;
  border: 4px solid white;
  background-color:white;
  transform:all 2s infinite linear;
  animation: loader 2s infinite linear;
}

@keyframes loader {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes mainspin {
  100% {
    transform: rotate(360deg);
  }
}