Moonlit Fog

1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22

<div className="min-h-screen w-full relative">  {/* Moonlit Fog Pattern */}  <div    className="absolute inset-0 z-0"    style={{      background: `        radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),        radial-gradient(circle at 30% 70%, rgba(176, 196, 222, 0.15) 0%, transparent 50%),        linear-gradient(135deg,           #2c3e50 0%,          #3a506b 25%,          #435e79 50%,          #516b87 75%,          #5f7995 100%        )      `,      backgroundBlendMode: "soft-light, screen, normal",      filter: "brightness(1.05) contrast(1.05)",    }}  />  {/* Your Content/Components */}</div>