Kawther birthday

[mouaezsoudani82-lgtm]

<title>Happy Birthday Kawther 🎂</title> <style> body { background: linear-gradient(135deg, #ff9a9e, #fad0c4); font-family: 'Arial', sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; text-align: center; color: #fff; }

.card {
  background: rgba(255, 255, 255, 0.15);
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  max-width: 400px;
}

h1 {
  font-size: 28px;
  margin-bottom: 10px;
}

p {
  font-size: 18px;
  margin-bottom: 25px;
}

button {
  padding: 12px 25px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  margin: 10px;
  transition: 0.3s;
}

#yes {
  background: #ff4b5c;
  color: white;
}

#no {
  background: #ffffff;
  color: #ff4b5c;
}

button:hover {
  transform: scale(1.1);
}

.hidden {
  display: none;
}

</style>

🎂 Happy Birthday Kawther 💖

Today is a special day, just like you ✨

Can I be the reason you smile today? 💕

Yes 💘 No 🙈

💖 Yayyy! 💖

You just made my heart so happy 🥰

I wish you the most beautiful birthday ever 🎂✨ And I hope this is just the beginning 💕

😢 Try again please…

Come on Kawther… you know the answer 😏💗

Try Again 💞

<script> const yesBtn = document.getElementById("yes"); const noBtn = document.getElementById("no"); const main = document.getElementById("main"); const yesMessage = document.getElementById("yesMessage"); const noMessage = document.getElementById("noMessage"); yesBtn.onclick = () => { main.classList.add("hidden"); yesMessage.classList.remove("hidden"); }; noBtn.onclick = () => { main.classList.add("hidden"); noMessage.classList.remove("hidden"); }; function tryAgain() { noMessage.classList.add("hidden"); main.classList.remove("hidden"); } </script>