body {
    /* center with spacing on the left and right*/
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    padding: 0 20px 3rem;
}

#seat-chooser {
    border: 1px solid black;
    padding: 2rem;
}

#summary {
    background-color: var(--second-bg);
    border-radius: 5px;
    padding: 1rem;
    margin: 1rem 0;
}

#summary-dyn .seat {
    background-color: var(--darkest-bg);
    color: var(--primary-color-text);
    border-radius: 5px;
    padding: 0.5rem;
    margin: 0.5rem;
}

#summary-dyn .seat select.ticket-select {
    background-color: var(--primary-color);
    color: var(--primary-color-text);
    border: 0;
    border-radius: 5px;
    padding: 0.5rem;
    margin: 0.5rem;
}

#summary-dyn .seat .seat-span {
    background-color: var(--primary-color);
    color: var(--primary-color-text);
    border-radius: 5px;
    padding: 0.5rem;
    margin: 0.5rem;
}

#summary-dyn .seat .price {
    background-color: var(--secondary-color);
    color: var(--darkest-bg);
    border-radius: 5px;
    padding: 0.5rem;
    margin: 0.5rem;
    float: right;
}