#load_screen {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 10005;

  height: 100vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background-color: #000000B3;

}

#circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
}
.loader {
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 8px solid #00000040;
  border-top: 8px solid #ffffff;
  border-radius: 50%;
  animation: rotate 5s linear infinite;
}
@-moz-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}