.preloader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 9999;
    background-color: #1F1F1F;
    box-sizing: border-box;
    transition: 0.6s ease;
    opacity: 1;
}

.preloader:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../images/main/background_main-rAlmuO4.png");
    background-size: 90%;
    background-repeat: repeat-x;
    background-position: center;
    opacity: 0.1;
    z-index: -1; 
  }

  .preloader_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
  }

  .preloader_block_img {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .preloader_block_img img {
    width: 100%;
  }

  .preloader_block h1 {
    margin-top: 1em;
  }

  .rotating {
    animation: spin 20s linear infinite;
    display: inline-block;
  }
  
  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(-360deg);
    }
  }

  #preloader_text {
    opacity: 1;
    transition: opacity 0.6s ease;
    height: 4em;
  }
  #preloader_text.fade {
    opacity: 0;
  }