body{
    background:#1a1a1a;
}

.jumbotron{
    display:none;
    background:#111;
    color:white;
    margin-top:100px;
    font-family: "Raleway";
    border-radius:20px !important;
    box-shadow: 0px 10px 12px 0px rgba(0,0,0,0.75);
}

.jumbotron div{
    font-weight:300;
    margin-bottom: 40px;
    font-size: 20px;
}

.jumbotron h2{
    margin-bottom:25px;
}

.material-icons{
    font-size:96px;
}

a{
    color:rgb(149, 181, 49);
}

.form-control{
    background:#111;
    border:none;
    box-shadow: none;
    border-bottom:2px solid #aaa;
    border-radius:0px;
    text-align:center;
    font-size:18px;
    padding: 20px 10px;
}

.form-control:hover, .form-control:focus, .form-control:active{
    box-shadow: none;
    border-bottom:2px solid white;
    
} 

.jumbotron .btn.btn-default{
    border-radius:0px;
    font-weight:500;
    border:none;
}

.jumbotron .btn.btn-default:hover{
    background:white;
    box-shadow: 0px 2px 10px 0px rgba(255,255,255,0.25);
}

.jumbotron .alert-danger{
    border-radius:0px;
    border:0px;
    background:#540E19;
    color:white;
    font-weight:600;
    text-align:center;
}

body.light, body.light .form-control{
    background:white;
}

body.light .form-control{
    background:#f9f9f9;
    border-bottom:2px solid #999;
}

body.light .jumbotron{
    background:#f9f9f9;
    color:#222;
    box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
}

body.light .form-control:hover, body.light .form-control:focus, body.light .form-control:active{
    border-bottom:2px solid #222;
} 

body.light .jumbotron .btn.btn-default{
    background:#222;
    color:white;
}

body.light .jumbotron .btn.btn-default:hover{
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);
}