.contenedorlouder {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #E1DAE1;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 1s ease;
}

.custom-loader {
    width:100px;
    height:100px;
    --c:radial-gradient(farthest-side,#FC1384 92%,#0000);
    background: 
      var(--c) 50% 0,
      var(--c) 50% 100%,
      var(--c) 100% 50%,
      var(--c) 0    50%;
    background-size:24px 24px;
    background-repeat:no-repeat;
    animation:s7 1s infinite;
  }
  @keyframes s7 {to{transform: rotate(.5turn)}}