html, body {
    font-family: 'Caslon Antique', arial, sans-serif;
}

#create-form {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

#character-summary {
    grid-column: 4 / span 3;
}

.summary,
.summary th,
.summary td {
    border: 2px solid black;
    padding: 5px;
    text-align: center;
}

#input-form {
    grid-column: 1 / span 3;
    grid-row: 1 / span 2;
}

#form-data {
    grid-column: 4 / span 3;
}

#footer {
    text-align: right;
}

.flash-message {
    list-style-type: none;
}