body
{
    font-family: 'Roboto', sans-serif;
    background:#1c1c1c;
}

#content
{
    background:url('../img/web/bg1.JPG');
    background-repeat: no-repeat;
    background-size: cover;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    display: block;
    opacity:1;
    -webkit-animation: background_fadeout 90s linear 1 normal forwards;
    -moz-animation:    background_fadeout 90s linear 1 normal forwards; /* Fx 5+ */
    -o-animation:      background_fadeout 90s linear 1 normal forwards; /* Opera 12+ */
    animation:         background_fadeout 90s linear 1 normal forwards; /* IE 10+, Fx 29+ */
    animation-iteration-count:infinite;
}

@-webkit-keyframes background_fadeout{
    0% { background:url('../img/web/bg1.JPG');opacity: .35;background-repeat: no-repeat;
        background-size: cover; }
    10% { opacity: 0;background-repeat: no-repeat;
        background-size: cover; }
    20% { background:url('../img/web/bg2.jpg');opacity: .35;background-repeat: no-repeat;
        background-size: cover; }
    30% { opacity: 0;background-repeat: no-repeat;
        background-size: cover; }
    40% { background:url('../img/web/bg3.JPG');opacity: .35;background-repeat: no-repeat;
        background-size: cover; }
    50% { opacity: 0;background-repeat: no-repeat;
        background-size: cover; }
    60% { background:url('../img/web/bg4.JPG');opacity: .35;background-repeat: no-repeat;
        background-size: cover; }
    70% { opacity: 0;background-repeat: no-repeat;
        background-size: cover; }
    80% { background:url('../img/web/bg5.JPG');opacity: .35;background-repeat: no-repeat;
        background-size: cover; }
    90% { opacity: 0;background-repeat: no-repeat;
        background-size: cover; }
    100% { background:url('../img/web/bg1.JPG');opacity: .35;background-repeat: no-repeat;
        background-size: cover; }
}

.logo
{
    background:url('../img/web/logo_big.png');
    background-repeat: no-repeat;
    background-size:cover;
    width:400px;
    height:225px;
    opacity:1;
    margin:0 auto;
    z-index:2;
    display:block;
    margin-top:20vh;
}

.soon
{
    font-size:50px;
    color:white;
    width:100%;
    height:auto;
    text-align:center;
    opacity:1;
    text-shadow: 5px 5px 8px rgba(150, 150, 150, 1);
}

.reg_holder
{
    width:300px;
    height:80px;
    position: relative;
    margin: 25px auto;
}

.btn
{
    margin-top:5px;
    background:rgba(0, 0, 0, 0.267);
    border:1px solid #ccc;
    color:white;
    text-align:center;
    padding:10px;
    font-size:19px;
}

.btn:hover
{
    background:#ccc;
    color:rgb(15, 15, 15);
    transition:.2s;
    border:1px solid rgb(243, 243, 243)255, 255, 255);
    cursor:pointer;
}

.btn_forums
{
    margin-top:5px;
    background:rgba(0, 0, 0, 0.267);
    border:1px solid #ccc;
    color:white;
    text-align:center;
    padding:10px;
    font-size:19px;
}

.btn_forums:hover
{
    margin-top:5px;
    background:rgba(0, 180, 235, 0.267);
    border:1px solid rgb(79, 135, 168);
    color:white;
    transition:.2s;
    cursor:pointer;
}

a{
    text-decoration: none;
}

.footer
{
    position:absolute;
    bottom:3px;
    margin:0 auto;
    color:#ccc;
    font-size:12px;
    width:99vw;
    text-align:center;
}

.btn_apply
{
    margin-top:5px;
    background:rgba(0, 0, 0, 0.267);
    border:1px solid #ccc;
    color:white;
    text-align:center;
    padding:10px;
    font-size:19px;
}

.btn_apply:hover
{
    margin-top:5px;
    background:rgba(0, 235, 12, 0.267);
    border:1px solid rgb(0, 255, 34);
    color:white;
    transition:.2s;
    cursor:pointer;
}