@keyframes rotating {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    background: url('../images/bg.svg');
    background-color: #21364b;
    background-repeat: no-repeat;
    background-position: 50% 10%;
}

a {
    color:#8fc46e;
    text-decoration:none;
}
a:hover, a:active, a:focus {
    color:#8fc46e;
    text-decoration:underline;
}

h3 {
    font-weight: 300;
    font-size: 24px;
    margin: 40px 0 0;
    padding: 0 0 50px;
    line-height:35px;
}

.center {
    text-align: center;
}

.loading {
    animation: rotating 1.8s linear infinite;
}

.hide {
    display: none;
}

.logo-animated {
    position:relative;
}

    .logo-animated img {
        width:250px;
        margin-left:50px;
    }

    .logo-animated .loader {
        position: absolute;
        left: 50%;
        top:0;
    }

        .logo-animated .loader img.rotating {
            position: relative;
            left: -205px;
            top:15px;
            width: 300px;
            animation: rotating 1.8s linear infinite;
        }