.preloader {
    background-image: none;
    display: flex;
}
/* 
.preloader .load {
    background-color: #000000;
} */

.preloader {
    background-color: rgba(255, 255, 255, .6);
    height: 100vh;
    width: 100vw;
    z-index: 10000;
    position: fixed;
}

.preloader span {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.preloader span img {
    width: 4rem;
}

.preloader .loader {
    position: relative;
    width: 10rem;
    background-color: whitesmoke;
    height: .3rem;
    margin-top: 1rem;
    border-radius: .8rem;
    overflow-x: hidden;
}

.preloader .load {
    position: absolute;
    width: 3rem;
    background-color: #5d9cec;
    height: 100%;
    left: -.5rem;
    border-radius: .8rem;
    animation: animate 3s;
    animation-iteration-count: infinite;
}

@keyframes animate {
    from {
        left: -1.5rem;
    }

    50% {
        left: 85%;
    }

    to {
        left: -1.5rem;
    }
}