.splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  background: linear-gradient(180deg,#4658a7 0,#4658a7);
}

.custom-loader {
  width: 50px;
  height: 50px;
  display: grid;
  border:4px solid #0000;
  border-radius: 50%;
  border-color:#FFFFFF #0000;
  animation: s6 1s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
}
.custom-loader::before,
.custom-loader::after {    
  content:"";
  grid-area: 1/1;
  margin:2px;
  border:inherit;
  border-radius: 50%;
}
.custom-loader::before {
  border-color:#FF7200 #0000;
  animation:inherit; 
  animation-duration: .5s;
  animation-direction: reverse;
}
.custom-loader::after {
  margin:8px;
}

@keyframes s6 { 
  100%{transform: rotate(1turn)}
}