.title {
    margin: 0 auto;
    text-align: center;
}

.matchup, .date, .sport, .venue {
    margin: 0 auto;
    padding: 0;
}

.matchup {
    font-weight: 800;
    font-size: 1.3rem;
}

.date, .sport, .venue {
    font-size: 1.15rem;
}

.sport {
    font-style: italic;
}

.scorebug {
    display: grid;
    grid-template-areas:
        "final final"
        "box box";
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    text-align: center;
    width: 50%;
    max-width: 250px;
    margin: 10px auto;
    border: 2px solid black;
    background-color: black;
    font-family: Verdana, sans-serif;
}

.scorebug div.final {
    grid-area: final;
    background-color: rgb(137, 147, 156);
    font-weight: 800;
    font-size: 1.15rem;
    text-transform: uppercase;
    padding: 4px;
}

.box {
    background-color: var(--team-bg);
    color: var(--team-text);
}

p.team, p.score {
    margin: 0 auto;
}

p.team {
    font-weight: 800;
    font-size: 1.2rem;
    padding-top: 5px;
}

p.score {
    font-size: 1.5rem;
    padding-bottom: 5px;
}

/* Team colors */
.box.blank {
    --team-bg: #ffffff;
    --team-text: #000000;
}

/* MLB Teams */
.box.lad {
    --team-bg: #005a9c;
    --team-text: #ffffff;
}

.box.tex {
    --team-text: #c0002f;
    --team-bg: #003278;
}

.box.kc {
    --team-bg: #0057b8;
    --team-text: #BD9B60;
}

.box.nym {
    --team-bg: #002d72;
    --team-text: #ff5910;
}

.box.ath {
    --team-bg: #003831;
    --team-text: #e9d3a2;
}

/* MiLB Teams */
.box.wic {
    --team-bg: #0c2340;
    --team-text: #6cade4;
}

.box.fri {
    --team-bg: #862733;
    --team-text: #f1e6b2;
}

.box.gwn {
    --team-bg: #74aa50;
    --team-text: #0d223f;
}

.box.rrx {
    --team-bg: #081f40;
    --team-text: #a41e37;
}

/* NCAA Teams */
.box.neb {
    --team-bg: #e41c38;
    --team-text: black;
}

.box.fla {
    --team-bg: #FA4616;
    --team-text: #0021a5;
}

.box.psu {
    --team-bg: #192b50;
    --team-text: #ffffff;
}

.box.smu {
    --team-bg: #C8102E;
    --team-text: #112e6c;
}

.box.tamu {
    --team-bg: #500000;
    --team-text: #ffffff;
}

.box.lsu {
    --team-bg: #461d7c;
    --team-text: #fdd023;
}