body { font-family: Arial, sans-serif; background-color: #1c1c1c; color: #fff; } .container { width: 80%; margin: 0 auto; } h1 { text-align: center; } .events-table { margin-top: 20px; overflow-x: auto; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { border-top: 1px solid #444; border-bottom: 1px solid #444; padding: 12px; text-align: left; } th { background-color: #333; } tr:nth-child(even) { background-color: #222; } tr:nth-child(odd) { background-color: #1f1f1f; } @media screen and (max-width: 600px) { td { font-size: 12px; } } /* .fixed-time-column { */ /* position: sticky; */ /* left: 0; */ /* background-color: #f2f2f2; */ /* } */ .tr-clock { position: fixed; top: 20px; right: 20px; padding: 10px; background-color: #333; color: #fff; border-radius: 5px; } .separator { border-top: 2px solid #4CAF50; }