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

main {
    width: 100%;
    height: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}

#login {
    width: 100%;
    max-width: 370px;
}

#login .logo {
    width: 100%;
    max-width: 100px;
    height: auto;
}

#login .btn[type="submit"] {
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
}

.revealPassword {
    position: absolute;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 2rem;
    height: 100%;

    top: 20%;
    right: 1.5rem;

    padding: 0;
    margin: 0;

    cursor: pointer;
}

.theme-changer {
    display: flex;
    position: absolute;

    top: 0.5em;
    right: 0.5em;

    cursor: pointer;
}

.sou-suporte {
    display: flex;
    position: absolute;

    top: 0.5em;
    left: 0.5em;

    cursor: pointer;
}