.logoBackground {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffaaff;
    height: 100vh;
    width: 100vw;
    z-index: 500;
}
.progressBar {
    position: absolute;
    top: 98%;
    left: 0;
    height: 2%;
    background-color: #3f007f;
    z-index: 600;
    max-width: 100%;
}
.pixel{
    width: 10%;
    padding-top: 10%;
    background-color: #3f007f;
    position: absolute;
    top: -150px;
    left: 66%;
    z-index: 700;
}
.animateDrop {
    animation: dropIn 0.8s linear;
    top: 66%;
}
.remove {
    animation: removeLoading 0.5s ease-out;
    opacity: 0;
}
@keyframes dropIn {
    0% {
        top: -100px;
        transform: rotate(0deg);
    }
    45% {
        top: 66%;
        transform: rotate(60deg);
    }
    60% {
        top: 52%;
        transform: rotate(0deg);
    }
    75% {
        top: 66%;
        transform: rotate(-40deg);
    }
    88% {
        top: 55%;
        transform: rotate(-15deg);
    }
    100% {
        top: 66%;
        transform: rotate(0deg);
    }
}
@keyframes removeLoading {
    0% {
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        opacity: 1;
    }
    99% {
        top: 15px;
        left: 15px;
        height: 75px;
        width: 75px;
        opacity: 1;
    }
    100% {
        top: 15px;
        left: 15px;
        height: 75px;
        width: 75px;
        opacity: 0;
    }
}