#loading-animation {
    z-index: 10;
    position: fixed;
    background-color: white;
    bottom: 50%;
    left: 50%;
    margin-left: -175px;
    margin-bottom: -50px;
    width: 350px;
    height: 200px;
    text-align: center;
    border-radius: 3px;
    -shadow: grey 3px;
    box-shadow: 3px 3px 5px #888888;
}

.hourglass{
    display:block;
    background:white;
    margin:3em auto;
    width:2em;
    height:4em;
    box-shadow:
        inset white 0 0 0 0,
        inset rgb(65,158,209) 0 2em 0 0,
        inset white 0 0 4em 0;
    animation:hourglass 1.6s linear infinite;
}

.outer{
    fill:rgb(65,158,209);
}

.middle{
    fill:white;
}

@keyframes hourglass{
    0%{
        transform:rotate(0deg);
        box-shadow:
            inset white 0 0 0 0,
            inset rgb(65,158,209) 0 2em 0 0,
            inset white 0 4em 0 0,
            inset rgb(65,158,209) 0 4em 0 0;
    }
    80%{
        transform:rotate(0deg);
        box-shadow:
            inset white 0 2em 0 0,
            inset rgb(65,158,209) 0 2em 0 0,
            inset white 0 2em 0 0,
            inset rgb(65,158,209) 0 4em 0 0;
    }
    100%{
        transform:rotate(180deg);
        box-shadow:
            inset white 0 2em 0 0,
            inset rgb(65,158,209) 0 2em 0 0,
            inset white 0 2em 0 0,
            inset rgb(65,158,209) 0 4em 0 0;
    }
}