diff --git a/public/index.html b/public/index.html index 68bcd5e..88615f0 100644 --- a/public/index.html +++ b/public/index.html @@ -206,10 +206,16 @@ position: relative; } + .leafy-bg > * { + position: relative; + z-index: 1; + } + .leafy-bg::before { content: ''; position: absolute; inset: 0; + z-index: 0; opacity: 0.045; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%233C2415' opacity='0.9'%3E%3C!-- monstera leaf --%3E%3Cpath d='M80 50 C95 30 120 25 130 45 C140 65 135 95 120 120 C110 140 95 155 75 150 C55 145 45 125 50 100 C52 85 60 65 80 50Z' stroke-width='1.2' fill='%233C2415' fill-opacity='0.3'/%3E%3Cpath d='M80 50 C85 75 88 100 82 135' stroke-width='0.8'/%3E%3Cpath d='M95 70 C105 65 112 70' stroke-width='0.5'/%3E%3Cpath d='M100 90 C112 85 118 92' stroke-width='0.5'/%3E%3Cpath d='M95 110 C108 108 115 115' stroke-width='0.5'/%3E%3Cpath d='M78 85 C65 80 58 85' stroke-width='0.5'/%3E%3Cpath d='M75 105 C62 102 55 108' stroke-width='0.5'/%3E%3C!-- fern frond --%3E%3Cpath d='M280 20 C282 50 278 90 270 140 C265 170 258 200 250 220' stroke-width='1'/%3E%3Cpath d='M280 40 C295 32 300 38 292 48' stroke-width='0.6' fill='%233C2415' fill-opacity='0.25'/%3E%3Cpath d='M279 55 C294 47 300 53 291 63' stroke-width='0.6' fill='%233C2415' fill-opacity='0.25'/%3E%3Cpath d='M277 70 C292 62 299 68 289 78' stroke-width='0.6' fill='%233C2415' fill-opacity='0.25'/%3E%3Cpath d='M275 85 C290 77 297 83 287 93' stroke-width='0.6' fill='%233C2415' fill-opacity='0.25'/%3E%3Cpath d='M273 100 C288 92 295 98 285 108' stroke-width='0.6' fill='%233C2415' fill-opacity='0.2'/%3E%3Cpath d='M270 115 C285 107 292 113 282 123' stroke-width='0.6' fill='%233C2415' fill-opacity='0.2'/%3E%3Cpath d='M267 130 C282 122 289 128 279 138' stroke-width='0.6' fill='%233C2415' fill-opacity='0.15'/%3E%3Cpath d='M279 55 C264 47 258 53 267 63' stroke-width='0.6' fill='%233C2415' fill-opacity='0.25'/%3E%3Cpath d='M277 70 C262 62 256 68 265 78' stroke-width='0.6' fill='%233C2415' fill-opacity='0.25'/%3E%3Cpath d='M275 85 C260 77 254 83 263 93' stroke-width='0.6' fill='%233C2415' fill-opacity='0.25'/%3E%3Cpath d='M273 100 C258 92 252 98 261 108' stroke-width='0.6' fill='%233C2415' fill-opacity='0.2'/%3E%3C!-- trailing vine with small leaves --%3E%3Cpath d='M160 280 C175 270 190 285 200 300 C210 315 225 320 240 310 C255 300 260 315 270 330 C280 345 295 340 310 350' stroke-width='0.8'/%3E%3Cpath d='M178 278 C182 268 190 270 186 280' stroke-width='0.5' fill='%233C2415' fill-opacity='0.3'/%3E%3Cpath d='M208 308 C212 298 220 300 216 310' stroke-width='0.5' fill='%233C2415' fill-opacity='0.3'/%3E%3Cpath d='M248 308 C252 298 260 300 256 310' stroke-width='0.5' fill='%233C2415' fill-opacity='0.25'/%3E%3Cpath d='M278 340 C282 330 290 332 286 342' stroke-width='0.5' fill='%233C2415' fill-opacity='0.25'/%3E%3C!-- broad tropical leaf --%3E%3Cpath d='M50 300 C60 270 85 260 100 280 C115 300 105 340 85 355 C70 365 50 355 48 335 C46 320 48 310 50 300Z' stroke-width='1' fill='%233C2415' fill-opacity='0.2'/%3E%3Cpath d='M50 300 C65 310 78 325 82 350' stroke-width='0.6'/%3E%3Cpath d='M62 295 C72 290 80 296' stroke-width='0.4'/%3E%3Cpath d='M58 315 C68 310 78 316' stroke-width='0.4'/%3E%3Cpath d='M60 335 C70 332 76 340' stroke-width='0.4'/%3E%3C!-- scattered small leaves --%3E%3Cpath d='M340 80 C350 65 362 68 355 82 C348 96 335 92 340 80Z' stroke-width='0.6' fill='%233C2415' fill-opacity='0.2'/%3E%3Cpath d='M340 80 C348 85 352 90' stroke-width='0.4'/%3E%3Cpath d='M320 200 C330 185 342 188 335 202 C328 216 315 212 320 200Z' stroke-width='0.6' fill='%233C2415' fill-opacity='0.15'/%3E%3Cpath d='M320 200 C328 205 332 210' stroke-width='0.4'/%3E%3C/g%3E%3C/svg%3E");