body { 
    background: #f8f9fa; 
}

header { 
    background: #003366; 
    color: #fff; 
    padding: 5rem 0 4rem 0; 
    text-align: center; 
}

header h1 {
    color: #fff;
}

nav { 
    background: #00509e; 
    padding: 0.5rem 0; 
    text-align: center; 
}

nav a { 
    color: #fff; 
    margin: 0 1.5rem; 
    text-decoration: none; 
    font-weight: bold;
}

nav a:hover { 
    text-decoration: underline; 
    font-weight: bold;
}

nav a.active { 
    font-weight: bold; 
    text-decoration: underline; 
}

main {
    max-width: 900px; 
    margin: 2rem auto; 
    background: #fff; 
    padding: 2rem; 
    border-radius: 8px; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.05); 
}

h1, h2, h3, h4, h5, h6 { 
    color: #003366;
}

h1 {
    font-size: 2.5rem;
}

table.calendar { 
    width: 100%; 
    border-collapse: collapse; 
    margin-top: 1.5rem; 
    margin-bottom: 1.5rem;
}

table.calendar th, table.calendar td { 
    border: 1px solid #ccc; padding: 0.5rem; text-align: center; 
}

table.calendar th { 
    background: #e3eafc; 
}

.info-list { 
    list-style: none; padding: 0; 
}

.info-list li { 
    margin-bottom: 0.5rem; 
}

ul.assignments { 
    padding-left: 1.2rem; 
} 

section + section {
    margin-top: 50px;
}