:host {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1em;

    form {
        width: 80%;
        max-width: 20em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1em;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        border-radius: .5em;
        padding: 1em 1.5em;
        background-color: #ffffff;
    }
}