html, body{
    min-height: 100%;
    height: 100%;
}
body{
    height: 100%;
    min-height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2), transparent);
    background-size: 100% 50px;
    background-repeat: no-repeat;
    background-color: #dbdfe2;
}

.wrapper{
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login {
    width: 400px;
}

.form .box .content input[type="submit"]{
    margin-top: 10px;
    margin-bottom: 0;
}

.checkbox{
    float: left;
    width: 100%;
}

.checkbox input{
    float: left;
    margin-top: 13px;
    margin-left: 4px;
}

.form .checkbox label{
    width: auto;
}

.message {
    position: absolute;
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}

.message span{
    padding: 15px 30px;
    background: red;
    margin-top: 20px;
    border-radius: 10px;
    color: #fff;
}