html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.custom-loader {
  height: 6px;
  width: 180px;
  background:
    linear-gradient(#021ca0 0 0),
    linear-gradient(#021ca0 0 0),
    #E4E4ED;
  background-size: 60% 100%;
  background-repeat: no-repeat;
  animation: p6 3s infinite;
}

@keyframes p6 {
  0% {
    background-position: -150% 0, -150% 0
  }

  66% {
    background-position: 250% 0, -150% 0
  }

  100% {
    background-position: 250% 0, 250% 0
  }
}

#loader {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 100vw;
  height: 100vh;
}

#loader img {
  width: 120px;
}

@keyframes s2 {
  to {
    transform: rotate(1turn)
  }
}