/**
 * Created by Nicolas Proske
 * Copyright (C) Nicolas Proske - All Rights Reserved
 * You are NOT allowed to remove this header!
 **/

html {
    overflow-y: scroll;
}

body {
    margin: 0;
    width: 100%;
    height: 100%;

    background: url(../img/background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    font-family: 'Roboto', sans-serif;
}

.login-container {
    margin-top: 7%;
    margin-bottom: 5%;
}

.login-form-1 {
    padding: 50px 30px 50px 30px;
    text-align: center;
    height: auto;
    background: #1e2838;
    color: #fff;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-form-1 h3 {
    margin-bottom: 2%;
    font-weight: 700;
}

.login-form-1 h6 {
    margin-bottom: 10%;
    font-weight: 300;
}

.login-form-1 img {
    width: 30%;
    height: auto;
    padding: 12% 0 10% 0;
}

.login-form-2 {
    padding: 100px 30px 50px 30px;
    text-align: center;
    color: #282726;
    height: 100%;
    background: ghostwhite;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-form-2 h3 {
    margin-bottom: 2%;
    font-weight: 700;
}

.login-form-2 h6 {
    margin-bottom: 10%;
    font-weight: 300;
}

.login-form-2 a {
    color: #282726;
    text-decoration: none;
    padding-left: 10px;
    transition: opacity .3s;
}

.login-form-2 a:hover {
    text-decoration: none;
    opacity: .5;
    transition: opacity .3s;
}

.login-form-2 .link > .twitter {
    padding-right: 10px;
    color: dodgerblue;
    text-decoration: none;
}

.login-form-2 .link > .discord {
    padding-right: 10px;
    color: slateblue;
    text-decoration: none;
}

.fa-twitter {
    color: dodgerblue;
    padding-right: 10px;
}

.fa-discord {
    color: slateblue;
    padding-right: 10px;
}

.btnSubmit {
    font-weight: 400;
    width: 70%;
    color: #fff;
    background-color: #f7bc0c;
    border: none;
    border-radius: 0px;
    padding: 2%;
    transition: opacity .8s;
}

.btnSubmit:hover {
    text-decoration: none;
    opacity: .7;
    transition: opacity .3s;
}

.btnSubmit > i {
    padding-right: 10px;
}

.btnLogout {
    font-weight: 400;
    width: 70%;
    color: #fff;
    background-color: #f42929;
    border: none;
    border-radius: 0px;
    padding: 2%;
    transition: opacity .8s;
}

.btnLogout > i {
    padding-right: 10px;
}

input[type=text], input[type=password] {
    width: 70%;
    height: 8%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid whitesmoke;
    border-radius: 0px;
}