@font-face {
    font-family: "Roboto";
    src: url('../../assets/fonts/Roboto-Regular.ttf');
}

body{
    background: url(../img/login-bg.png);
    color:#838383;
    font-family: Roboto, sans-serif;
 }

 h1, h2, h3 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.login-container {
    width: 380px;
    display: block;
    margin: 60px auto 0 auto;
    background: #f8f8f8;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow:  0 2px 2px #d0d0d0;
    opacity: 0.8;
}

.content {
    padding: 16px 28px 23px;
}

.form-control, .btn, .alert {
    border-radius: 0;
}

.logo {
    margin-top: 8px;
    margin-bottom: 18px;
}

.btn-login {
    width: 100%;
}