| @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap'); | |
| :root { | |
| --primary-color: #92400e; | |
| --secondary-color: #d97706; | |
| --accent-color: #fbbf24; | |
| --light-color: #fef3c7; | |
| --dark-color: #7c2d12; | |
| } | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| background-color: #fff; | |
| color: #333; | |
| } | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: 'Playfair Display', serif; | |
| color: var(--dark-color); | |
| } | |
| /* Hero section styling */ | |
| section:first-of-type { | |
| background-image: url('http://static.photos/pub/1200x630/456'); | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| /* Button styling */ | |
| .bg-amber-700 { | |
| background-color: #b45309; | |
| } | |
| .bg-amber-700:hover { | |
| background-color: #92400e; | |
| } | |
| /* Menu section styling */ | |
| #menu .border-b-2 { | |
| border-color: var(--secondary-color); | |
| } | |
| #menu .font-bold.text-amber-700 { | |
| color: var(--dark-color); | |
| } | |
| /* Events section styling */ | |
| #events { | |
| background-color: #ffedd5; | |
| } | |
| /* Responsive design */ | |
| @media (max-width: 768px) { | |
| .text-5xl { | |
| font-size: 2.5rem; | |
| } | |
| .text-4xl { | |
| font-size: 2rem; | |
| } | |
| .text-2xl { | |
| font-size: 1.5rem; | |
| } | |
| } |