.loader>span {
    width: 15px;
    height: 15px;
    display: block;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin: 0 5px;
    box-shadow: 1px 1px 5px;
}

.loader {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dot-1 {
    animation: anim 1s linear 0s infinite;
}

.dot-2 {
    animation: anim 1s linear 0.25s infinite;
}

.dot-3 {
    animation: anim 1s linear 0.50s infinite;
}

.dot-4 {
    animation: anim 1s linear 0.75s infinite;
}


@keyframes anim {
    0% {
        top: 0;
    }

    50% {
        top: 13px;
    }

    100% {
        top: 0;
    }

}

#main-content {
    display: none;
}