Birthday
Closed this issue · 0 comments
sansalvadore commented
<title>Happy Birthday!</title>
<style>
body {
text-align: center;
background: linear-gradient(45deg, #ff4e50, #fc913a, #f9d423);
color: white;
font-family: Arial, sans-serif;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
h1 {
font-size: 3em;
text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
img {
width: 300px;
height: auto;
border-radius: 15px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
margin-top: 20px;
}
button {
background: #ff4e50;
color: white;
padding: 15px 30px;
border: none;
font-size: 20px;
cursor: pointer;
border-radius: 10px;
margin-top: 20px;
transition: 0.3s;
}
button:hover {
background: #fc913a;
}
.fireworks {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('https://cdn.pixabay.com/photo/2016/11/29/05/48/fireworks-1867917_960_720.jpg') no-repeat center center;
background-size: cover;
z-index: -1;
opacity: 0.3;
}
.message {
font-size: 1.5em;
color: #fff;
margin-top: 20px;
}
</style>
Happy Birthday! 🎉🎂🎈
<script>
function showMessage() {
document.getElementById("message").innerHTML =
"I know yesterday you sent me a screenshot and wanted me to understand you have a birthday at 0000 March 25. I already understand that last night, my love! You are the best woman, and we’re going to celebrate together. I will look into your eyes deeply. Your man is not stupid, lol. And your man loves you a lot! ❤️";
}
</script>