Krizel's World <p>I love this </p> <style> body { margin: 0; font-family: "Comic Sans MS", cursive; background: linear-gradient(to bottom, #fbc2eb, #a6c1ee); color: #ff4da6; text-align: center; overflow-x: hidden; } h1 { font-size: 50px; margin-top: 30px; text-shadow: 0 0 10px #ff99cc, 0 0 20px #ff66a3; } p { font-size: 16px; } .container { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 20px; } .box { width: 250px; padding: 15px; border-radius: 20px; background: rgba(255, 255, 255, 0.6); box-shadow: 0 0 20px #ff99cc; backdrop-filter: blur(10px); } @keyframes fall { 0% { transform: translateY(-20px); opacity: 1; } 100% { transform: translateY(100vh); opacity: 0; } } @keyframes sparkle { 0% { opacity: 0; transform: scale(0); } 50% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0); } } .sparkle { position: fixed; width: 6px; height: 6px; background: white; border-radius: 50%; pointer-events: none; animation: sparkle 2s linear infinite; } </style> <h1>Krizel's World </h1> <p>soft life, pink skies, clairo on repeat 🎧</p> <div class="container"> <div class="box"> <h3>💗 About Me</h3> <p>hi !! i'm krizel ♡</p> <p>i love pink, music, and cute things ✨</p> </div> <div class="box"> <h3>🎀 Things I Love</h3> <p>💗 clairo</p> <p>🍓 strawberries</p> <p>🦋 butterflies</p> </div> <div class="box"> <h3>🔗 Links</h3> <p>instagram: @a_enn11</p> <p>tiktok: youruser</p> </div> </div> <script> function createHeart() { const heart = document.createElement("div"); heart.innerHTML = "💗"; heart.style.position = "fixed"; heart.style.left = Math.random() * 100 + "vw"; heart.style.top = "-20px"; heart.style.fontSize = (Math.random() * 20 + 20) + "px"; heart.style.animation = "fall 5s linear"; heart.style.pointerEvents = "none"; document.body.appendChild(heart); setTimeout(function() { heart.remove(); }, 5000); } setInterval(createHeart, 300); function createSparkle() { const sparkle = document.createElement("div"); sparkle.className = "sparkle"; sparkle.style.left = Math.random() * 100 + "vw"; sparkle.style.top = Math.random() * 100 + "vh"; document.body.appendChild(sparkle); setTimeout(function() { sparkle.remove(); }, 2000); } setInterval(createSparkle, 200); </script>