main {
    max-width: 40em;
    padding-bottom: 5em;
}

h2 {
    text-align: center;
}

.abbr {
    color: var(--bgRed);
}

#dialog {
    display: flex;
    flex-direction: column;
}

.query {
    text-align: right;
    background: var(--bgRed);
    align-self: flex-end;
}

.reply {
    text-align: left;
    background: var(--bg4);
    align-self: flex-start;
}

.query, .reply {
    max-width: 75%;
    padding: 0.5em;
    border-radius: 0.5em;
}

#inputField {
    text-align: center;
}

#input {
    width: 85%;
}