html {
    font-family: Nunito, Ubuntu, Helvetica, Arial, sans-serif;
    font-size: 5vw;
}

/* page structure */
.page-wrapper {
    max-width: 19rem;
    margin-left: auto;
    margin-right: auto;
}

/* centred block elements */
h1,
h2,
.header,
.form-button-wrapper {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* FORMS */
.myie-login {
    display: flex;
    flex-direction: column;
    height: 7rem;
    justify-content: space-between;
}

input, select, textarea {
    font-family: inherit;
    font-size: 1rem;
    padding: 0.3rem;
    border: 2px solid lightgrey;
}

.field-element {
    width: 100%;
}

/* BUTTONS */
input[type=submit],
button {
    display: block;
    background-color: white;
    padding: 0.3rem 1rem;
    cursor: pointer;
    font-size: 1rem;
    border: 4px solid lightgrey;
    border-radius: 0.2rem;
}

input[type=submit]:hover,
button:hover {
    background-color: whitesmoke;
}