| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Effects - Bayanihan Initiative</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <script src="https://unpkg.com/lucide@latest"></script> |
| | <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@400;700&display=swap" rel="stylesheet"> |
| | <link rel="stylesheet" href="css/style.css"> |
| | <script> |
| | tailwind.config = { |
| | theme: { |
| | extend: { |
| | fontFamily: { |
| | sans: ['Inter', 'sans-serif'], |
| | serif: ['Merriweather', 'serif'], |
| | }, |
| | colors: { |
| | earth: { |
| | 50: '#faf6f1', |
| | 100: '#f3eadd', |
| | 200: '#e8d4b8', |
| | 300: '#dcb88a', |
| | 400: '#d0985e', |
| | 500: '#c67d3e', |
| | 600: '#ba6232', |
| | 700: '#9a4b2a', |
| | 800: '#7d3e28', |
| | 900: '#653324', |
| | }, |
| | forest: { |
| | 50: '#f0fdf4', |
| | 100: '#dcfce7', |
| | 200: '#bbf7d0', |
| | 300: '#86efac', |
| | 400: '#4ade80', |
| | 500: '#22c55e', |
| | 600: '#16a34a', |
| | 700: '#15803d', |
| | 800: '#166534', |
| | 900: '#14532d', |
| | }, |
| | ocean: { |
| | 50: '#f0f9ff', |
| | 100: '#e0f2fe', |
| | 200: '#bae6fd', |
| | 300: '#7dd3fc', |
| | 400: '#38bdf8', |
| | 500: '#0ea5e9', |
| | 600: '#0284c7', |
| | 700: '#0369a1', |
| | 800: '#075985', |
