@import url("https://fonts.googleapis.com/css?family=Heebo:800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");

body {
    background: #24292C;
    font-family: 'Roboto', sans-serif;
}

.start-playing-msg {
    font-family: 'Heebo', sans-serif;
    font-weight: 800;
    font-size: 25px;
    color: #ffffff;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #FF9600 !important;
    text-transform: uppercase;

    background-image: -webkit-linear-gradient(top,#FF9600 0,#FF9600 100%);
    background-image: -o-linear-gradient(top,#FF9600 0,#FF9600 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#FF9600),to(#FF9600));
    background-image: linear-gradient(to bottom,#FF9600 0,#FF9600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9600', endColorstr='#FF9600', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #E78802;
}

.btn {
    height: 50px;
    border-radius: 10px;
    text-transform: uppercase;
}

.form-control {
    height: 50px;
    text-align: center;
    border-radius: 10px;
}

p.copyright {
    color: #ffffff;
    text-align: center;
    margin-top: 50px;
}

a.forgot-password {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    float: right;
    text-decoration: none;
}

.text {
    color: #ffffff;
    text-align: center;
}

.login-box, .register-box {
    width: 500px;
    margin: 7% auto;
}

.login-box-wide {
    width: 720px;
    margin: 7% auto;
}

.login-logo, .register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

div.has-error ul { color: #a94442; }