@keyframes fond_loader {
    0% {
    }
    99% {
    }
    100% {
      display: none;
    }
  }
  .fond_loader {
    background-color: rgb(255, 255, 255);
    cursor: none;
    height: 100%;
    align-items: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
  
    animation: fond_loader 0.3s forwards; 
  }
  
  @keyframes loading {
    0% {
      width: 0%;
    }
    30% {
      opacity: 1;
    }
    70% {
      width: 100%;
    }
    99%{
      opacity: 0;
    }
    100% {
      display: none;
    }
  }
  .loader {
    background-color: rgb(0, 0, 0);
    position: fixed;
    top: 50%;
    height: 4px;
    z-index: 9999;
  
    animation: loading 0.3s forwards; 
  }