html,body{
    height:100%;
    width:100%;
    margin:0;
}

body{
    background-color: #145574;
    display: flex;
    background: url(https://doplay-static.s3-us-west-2.amazonaws.com/images/background/wall_doplay_20200312.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;
}

.logo_component{
    margin-bottom: 10px;
}

form[role=login] {
    color: #5d5d5d;
    background: #f2f2f2;
    padding: 26px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

form[role=login] input,
form[role=login] button {
    font-size: 18px;
    margin: 16px 0;
}
form[role=login] > div {
    text-align: center;
}

.login_box{
    margin: auto;
}

.footer-text{
    margin-top: 20px;
    text-align: center;
    color: #FFFFFF;
}


.message-log{
    color: red;
}

.login_logo:hover{
    opacity: 0.8;
}