#mainloader {
    align-items: center;
    background-color: white;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.3s linear;
    width: 100%;
    z-index: 9999;
}

/*animation logo*/
@keyframes play75 {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: -7725px 0px;
    }
}

.shapeshifter {
    animation-iteration-count: 20;
    animation-duration: 2500ms;
    animation-timing-function: steps(75);
    width: 103px;
    height: 80px;
    background-repeat: no-repeat;
}

    .shapeshifter.play {
        animation-name: play75;
    }