@import "colors.css";

* {
    margin: 0;
}

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

.login-body-page {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
}

    .login-body-page .login-container {
        min-width: 400px;
    }

        .login-body-page .login-container .login-title {
            font-size: 30px;
            margin-bottom: 2rem;
            font-weight: 600;
        }

        .login-body-page .login-container .form-group {
            margin-bottom: 1rem;
        }

            .login-body-page .login-container .form-group > label {
                margin-bottom: .5rem;
            }

        .login-body-page .login-container form button[type=submit] {
            width: 100%;
        }

    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e3e3e3;
}

    .login-body-page .login-container {
        min-width: 400px;
    }

        .login-body-page .login-container .form-group {
            margin-bottom: 1rem;
        }

            .login-body-page .login-container .form-group > label {
                margin-bottom: .5rem;
            }

        .login-body-page .login-container form button[type=submit] {
            width: 100%;
        }