| <!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', |
