<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Happy Birthday Falak 🎉💕</title>
<style>
body {
margin: 0;
padding: 0;
font-family: "Comic Sans MS", cursive, sans-serif;
text-align: center;
background: linear-gradient(135deg, #ffb6f0, #ffe6f7);
overflow: hidden;
}
h1 {
margin-top: 80px;
font-size: 2.5em;
color: #ff2e63;
animation: fadeIn 2s ease-in-out;
}
p {
font-size: 1.3em;
color: #d63384;
margin: 20px;
animation: fadeIn 3s ease-in-out;
}
.heart {
position: absolute;
color: #ff2e63;
font-size: 20px;
animation: float 6s infinite;
}
@keyframes float {
0% {transform: translateY(0) rotate(0deg); opacity: 1;}
100% {transform: translateY(-800px) rotate(720deg); opacity: 0;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
</style>
</head>
<body>
<h1>🎂 Happy Birthday, Falak 🎂</h1>
<p>💖 You are the most beautiful girlfriend I could ever ask for.</p>
<p>🌸 Thank you for bringing so much joy into my life.</p>
<p>✨ On your special day, I just want to say how much I love you.</p>
<p>💕 Happy Birthday, my sweet Falak! ~ From Shawal 💕</p>
<script>
function createHeart(){
const heart = document.createElement("div");
heart.classList.add("heart");
heart.innerHTML = "❤";
heart.style.left = Math.random() * 100 + "vw";
heart.style.top = "100vh";
heart.style.fontSize = Math.random() * 20 + 15 + "px";
heart.style.animationDuration = (Math.random() * 3 + 3) + "s";
document.body.appendChild(heart);
setTimeout(() => {heart.remove();}, 6000);
}
setInterval(createHeart, 500);
</script>
</body>
</html>