.preloader > div{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:30px;
}

.preloader > p {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 30px;
}

.loader {
    width: 60px;
    aspect-ratio: 1.154;
    --c: #0000 ,#1463f3 2deg 59deg,#0000 61deg;
    --c1:conic-gradient(from 149deg at top   ,var(--c));
    --c2:conic-gradient(from -31deg at bottom,var(--c));
    background:
      var(--c1) top,
      var(--c1) bottom right,
      var(--c2) bottom,
      var(--c1) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    animation: l37 1s infinite;
  }
  @keyframes l37 {
    80%,100%{background-position: bottom right,bottom left,bottom,top}
  }

  body{
    margin: 0px !important;
  }