Events

.event-card { width: 100%; max-width: 600px; margin: 20px auto; background-color: white; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; } .event-image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } .event-title { text-align: center; margin: 10px 0; font-size: 1.5rem; color: #154c73; } .info-box { border: 1px solid #1e6aa8; margin: 10px; padding: 10px; border-radius: 5px; } .info-box strong { display: block; margin-bottom: 5px; } .more-info-btn { display: block; width: 80%; margin: 15px auto; padding: 10px; text-align: center; background-color: #154c73; color: white; text-decoration: none; border-radius: 5px; transition: background-color 0.3s; } .more-info-btn:hover { background-color: #1e6aa8; }