@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family     : "Roboto", sans-serif;
    background-color: #fcfcfc;
    display         : flex;
    justify-content : center;
    align-items     : center;
    height          : 100vh;
    margin          : 0;
}

.flx-login-container {
    background-color: #ffffff;
    padding         : 4.0rem;
    border-radius   : 2.0rem;
    box-shadow      : 0 0 2.0rem rgba(0, 0, 0, 0.1);
}

form {
    display       : flex;
    flex-direction: column;
}

form h2{
    margin: 0;
}

label {
    margin: 1.0rem 0 0.2rem 0;
}

input {
    margin-bottom: 0.1rem;
    padding      : 0.6rem;
    border       : 1px solid #ccc;
    border-radius: 0.5rem;
}

button {
    padding         : 0.8rem;
    background-color: #007BFF;
    color           : #fcfcfc;
    border          : none;
    border-radius   : 0.5rem;
    cursor          : pointer;
}

button:hover {
    background-color: #0056b3;
}