| /* Custom styles to complement Tailwind */ | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; | |
| } | |
| /* Animation for the download button */ | |
| button[type="submit"] { | |
| transition: all 0.2s ease-in-out; | |
| } | |
| button[type="submit"]:hover { | |
| transform: translateY(-1px); | |
| } | |
| /* Style for event cards in the list */ | |
| #eventsContainer div { | |
| transition: all 0.2s ease; | |
| } | |
| #eventsContainer div:hover { | |
| transform: translateX(2px); | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| } | |
| /* Responsive adjustments */ | |
| @media (max-width: 640px) { | |
| .container { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| } |