body 
{ 
font-family: Arial, sans-serif; 
background: #121212; 
color: white; max-width: 800px; margin: 40px auto; padding: 20px; 
} 
h1, h2, h3 { text-align: center; }
 
/* ================= NEXT EVENTS ================= */ 
.next-container 
{ 
background: #1f1f1f; padding: 25px; border-radius: 12px; margin-bottom: 30px; text-align: center; 
} 
.next-event-box 
{ margin: 15px auto; padding: 15px; background: #2a2a2a; border-radius: 10px; max-width: 500px; 
} 
.next-event-box strong { font-size: 1.1rem; } 

/* ================= SCHEDULE ================= */ 

.schedule-title { margin-top: 30px; } 
.event { display: flex; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid #333; } 
.highlight { background: #8b0000; font-weight: bold; border-radius: 6px; } 
.time { opacity: 0.8; } 

/* ================= CAROUSEL ================= */
 
.carousel { overflow: hidden; width: 100%; } 
.slides { display: flex; width: 200%; transition: transform 0.4s ease; } 
.slide { width: 50%; padding: 10px; } 

/* Centered toggle buttons */ 

.carousel-controls { text-align: center; margin-bottom: 15px; } 
.carousel-controls button { padding: 8px 18px; font-size: 16px; background: #333; color: white; border: none; border-radius: 6px; cursor: pointer; } 
.carousel-controls button:hover { background: #555;