* {
    box-sizing: border-box;
}

html {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: beige;
    color: black;
}

body {
    margin: 0;
    padding: 0 5rem;
}

.message {
    display: flex;
    margin: 2rem auto;
    color: red;
}

.main-login {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    flex-direction: column;

    & .header {
        display: flex;
        margin-bottom: 2rem;
        align-items: center;

        & img {
            margin-right: 2rem;
            
        }
    }

    form {
        display: flex;
        flex-direction: column;
        width: 30%;
        justify-content: center;

        & input {
            width: 100%;
            background: none;
            padding: .2rem 0;
            text-align: center;
            font-size: .8rem;
            margin: 1rem 0;
            outline: none;
            border: none;
            border-bottom: 1px solid black;
        }

        & button {
            margin: 3rem auto;

        }
    }
}