:root {
    --yellow: #FFD187;
    --dark-yellow: #DAB374;
    --light-blue: #E8F4FF;
    --medium-blue: #B3DAFF;
    --dark-blue: #1B5185;
    --navy-blue: #102D49;
    --light-gray: #e9e9e9;
}

body {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    margin: 36px;
}

#title-bar {
    background-color: var(--dark-blue);
    color: white;
    padding: 12px;
    top: 0;
    position: sticky;
    z-index: 100;
}

#quarter {
    background-color: var(--light-gray);
    font-style: italic;
    padding: 12px;
}

#team-info {
    background-color: var(--yellow);
    border: solid medium var(--dark-yellow);
    border-radius: 8px;
    padding: 12px;
}

#team-members {
    text-decoration: underline;
}

.assignment {
    background-color: var(--light-blue);
    border: solid medium var(--medium-blue);
    border-radius: 8px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 12px;
}

.assignment-name {
    text-decoration: underline;
}

footer {
    background-color: var(--light-gray);
    text-align: center;
    margin-top: 48px;
    padding: 12px;
}