.preloader {

    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #fff;
    z-index: 10000;
  }

  #preloader.hiding {
    opacity: 0;
    transition: 0.25s all ease;
  }

  #preloader.hidden {
    display: none;
  }

  @keyframes pulsing {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
  #rave-loader {
    position: relative;
    width: 400px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #rave-loader svg {
     animation: pulsing 1000ms ease-out reverse;
     animation-iteration-count: infinite;
  }