Dreamy Sunset Gradient

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

<div className="min-h-screen w-full bg-[#f5f5dc] relative">  {/* Dreamy Sunset Gradient Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        linear-gradient(180deg,           rgba(245,245,220,1) 0%,           rgba(255,223,186,0.8) 25%,           rgba(255,182,193,0.6) 50%,           rgba(147,112,219,0.7) 75%,           rgba(72,61,139,0.9) 100%        ),        radial-gradient(circle at 30% 20%, rgba(255,255,224,0.4) 0%, transparent 50%),        radial-gradient(circle at 70% 80%, rgba(72,61,139,0.6) 0%, transparent 70%),        radial-gradient(circle at 50% 60%, rgba(147,112,219,0.3) 0%, transparent 60%)      `,    }}  />  {/* Your Content/Components */}</div>