@import '../animations/rotating';
@import '../tools/colors';

.loaded {
    .loop-splash {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s 0.75s, opacity 0.75s linear;
    }
}
.loop-splash {
    visibility: visible;
    opacity: 1;
    position: fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:$grey900;
    &-container {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        margin-top: -75px;
        height: 150px;
        img {
            -webkit-animation: rotating 2s linear infinite;
            -moz-animation: rotating 2s linear infinite;
            -ms-animation: rotating 2s linear infinite;
            -o-animation: rotating 2s linear infinite;
            animation: rotating 2s linear infinite;
        }
    }
}