|
44 | 44 |
|
45 | 45 | /* ===== HOME PAGE STYLES ===== */ |
46 | 46 |
|
47 | | -/* Logo glow effect with dough colors */ |
| 47 | +.VPHero { |
| 48 | + padding-top: 80px !important; |
| 49 | +} |
| 50 | + |
| 51 | + /* Logo glow effect with dough colors */ |
48 | 52 | .VPHero .image-container img, |
49 | 53 | .VPHero .VPImage { |
50 | 54 | animation: logo-glow 3s ease-in-out infinite alternate; |
51 | 55 | filter: drop-shadow(0 0 20px rgba(245, 222, 179, 0.5)); |
52 | 56 | transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); |
53 | 57 | transform-origin: center center; |
54 | 58 | } |
| 59 | +.VPHero .text { |
| 60 | + font-weight: 400; |
| 61 | +} |
| 62 | +.VPHero .tagline { |
| 63 | + font-weight: normal; |
| 64 | +} |
55 | 65 |
|
56 | 66 | @keyframes logo-glow { |
57 | 67 | 0% { |
|
64 | 74 | } |
65 | 75 | } |
66 | 76 |
|
67 | | -.VPHero .image-container img:hover, |
68 | | -.VPHero .VPImage:hover { |
69 | | - filter: drop-shadow(0 0 30px rgba(245, 222, 179, 0.7)) |
70 | | - drop-shadow(0 0 60px rgba(255, 235, 205, 0.5)); |
71 | | -} |
72 | | - |
73 | | -/* Hero section enhancements */ |
74 | | -.VPHero { |
75 | | - padding-top: 80px !important; |
76 | | - padding-bottom: 80px !important; |
77 | | -} |
78 | | - |
79 | | -.VPHero .text { |
80 | | - font-size: 64px !important; |
81 | | - font-weight: 700; |
82 | | -} |
83 | | - |
84 | | -.VPHero .tagline { |
85 | | - font-size: 20px !important; |
86 | | - line-height: 1.6 !important; |
87 | | - max-width: 800px; |
88 | | - margin: 0 auto; |
89 | | - opacity: 0.9; |
90 | | -} |
91 | | - |
92 | | -/* Action buttons styling */ |
93 | | -.VPHero .actions { |
94 | | - gap: 16px !important; |
95 | | - padding-top: 32px !important; |
96 | | -} |
97 | | - |
98 | | -.VPHero .action.brand { |
99 | | - background: linear-gradient(135deg, var(--vp-c-brand-1), var(--vp-c-brand-2)) !important; |
100 | | - border: none !important; |
101 | | - box-shadow: 0 8px 24px rgba(245, 222, 179, 0.3); |
102 | | - transition: all 0.3s ease; |
103 | | - font-weight: 600; |
104 | | - padding: 12px 32px !important; |
105 | | - font-size: 16px !important; |
106 | | -} |
107 | | - |
108 | | -.VPHero .action.brand:hover { |
109 | | - transform: translateY(-2px); |
110 | | - box-shadow: 0 12px 32px rgba(245, 222, 179, 0.4); |
111 | | -} |
112 | | - |
113 | | -.VPHero .action.alt { |
114 | | - border: 2px solid var(--vp-c-brand-1) !important; |
115 | | - transition: all 0.3s ease; |
116 | | - font-weight: 600; |
117 | | - padding: 12px 32px !important; |
118 | | - font-size: 16px !important; |
119 | | -} |
120 | | - |
121 | | -.VPHero .action.alt:hover { |
122 | | - background: var(--vp-c-brand-soft) !important; |
123 | | - transform: translateY(-2px); |
124 | | - box-shadow: 0 8px 24px rgba(245, 222, 179, 0.2); |
125 | | -} |
126 | | - |
127 | 77 | /* Features section */ |
128 | 78 | .VPFeatures { |
129 | 79 | padding-top: 48px !important; |
|
270 | 220 | .sponsor-cta-link a:hover { |
271 | 221 | color: var(--vp-c-brand-1); |
272 | 222 | } |
273 | | - |
274 | | -/* Responsive adjustments */ |
275 | | -@media (max-width: 768px) { |
276 | | - .VPHero .text { |
277 | | - font-size: 42px !important; |
278 | | - } |
279 | | - |
280 | | - .VPHero .tagline { |
281 | | - font-size: 17px !important; |
282 | | - } |
283 | | - |
284 | | - .vp-doc h2 { |
285 | | - font-size: 28px !important; |
286 | | - } |
287 | | - |
288 | | - .VPHero .image-container img, |
289 | | - .VPHero .VPImage { |
290 | | - max-width: 80%; |
291 | | - } |
292 | | - |
293 | | - .sponsors-section { |
294 | | - margin: 60px auto 40px; |
295 | | - } |
296 | | - |
297 | | - .sponsors-title { |
298 | | - font-size: 24px !important; |
299 | | - } |
300 | | - |
301 | | - .sponsor-card { |
302 | | - padding: 24px 32px; |
303 | | - min-width: 240px; |
304 | | - } |
305 | | - |
306 | | - .sponsor-logo { |
307 | | - padding: 32px 40px; |
308 | | - } |
309 | | - |
310 | | - .sponsor-image { |
311 | | - width: 120px; |
312 | | - } |
313 | | -} |
0 commit comments