html, body
{
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

header
{
    background-color: #445ba6;
    text-align: center;
    height: 3em;
    padding: 2em;
}

header img
{
    height: 3em;
    width: auto;
}

main
{
    max-width: 600px;
    margin: 0 auto;
    padding: 2em;
}

main div.text
{
    text-align: center;
}


main form div.formLabel
{
    position: relative;
}

main form div.formLabel label
{
    position: absolute;
    top: 2em;
    left: 1em;
    color: #b0a1ad;
}

    main form div.formLabel:focus-within label
    {
        font-size: 70%;
    }

main form input
{
    background: #faf5f9;
    border-radius: 0.5em;
    border: 0px solid transparent;
    margin: 1em 0;
    padding: 2em 1em 1em 1em;
    width: calc(100% - 2em);
    outline: none;
    font-size: 1em;
}

main form button
{
    background: #23c197;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    border-radius: 0.5em;
    border: 0px solid;
    padding: 1em;
    width: 100%;
    font-weight: bold;
    font-size: 120%;
    margin: 1em 0;
}