my angel<le> <style> body { background: linear-gradient(#fff0f5, #ffe4ec); font-family: "Times New Roman", serif; color: #ff8fb1; text-align: center; overflow-x: hidden; } /* BOX STYLE */ .box { background: rgba(255,255,255,0.7); border: 2px solid #ffc0cb; padding: 15px; margin: 20px auto; width: 60%; border-radius: 20px; box-shadow: 0 0 15px #ffd6e7; } /* SPARKLES */ .sparkle { position: fixed; width: 6px; height: 6px; background: white; border-radius: 50%; animation: sparkleMove linear infinite; opacity: 0.8; } @keyframes sparkleMove { from { transform: translateY(-10px); opacity: 1; } to { transform: translateY(100vh); opacity: 0; } } /* PETALS */ .petal { position: fixed; top: -10px; width: 12px; height: 12px; background: pink; border-radius: 50% 50% 50% 0; opacity: 0.7; animation: fall linear infinite; } @keyframes fall { 0% { transform: translateY(-10px) rotate(0deg); } 100% { transform: translateY(100vh) rotate(360deg); } } h1 { font-size: 35px; } </style> </head> <body> <h1> my angel </h1> <p>“you are my heaven…”</p> <div class="box"> <h2>about us</h2> <p>I'm genderfluid leaning more to fem and I'm pansexual, Osamu is a transman and omni with women preference, i use any pronouns and he uses he/they. My name is Miyo Dazai, I'm taking his last name since we're currently engaged! We've been together for more than 2000 days! We met each other as kids and now are also currently co workers, we both have abilities ofc, the ADA is where we currently work at, we used to work at the PM but we deflected you see. We hope you love our story on how we got together! (reminder this is my au and persona) </div> <div class="box"> <h2>letters</h2> <p>dear [Osamu] since the first time I saw you, I knew you were the one I truly wanted, so I waited and waited until we finally got to this point. I'm glad to have you as my s/o, I yumeshipped so hard to the point we got like this somehow. And I'm glad we did, because I love you with my whole heart, more than anyone else, including myself. You'll always be my one and only, my first one everything. Till death do us apart--no. We'll even join together in dead, no matter what, we'll be together. </div> <div class="box"> <h2>shrine</h2> <img src="YOUR_IMAGE_HERE" width="200"> </div> <div class="box"> <h2>️ diary</h2> <p>today i thought about you, how beautiful and perfect you are, my angel, you have always been the most perfect creature in my eyes, Osamu. And I'll love you no matter what. </div>  <script> /* SPARKLES */ for (let i = 0; i < 40; i++) { let s = document.createElement("div"); s.className = "sparkle"; s.style.left = Math.random() * 100 + "vw"; s.style.animationDuration = (2 + Math.random() * 3) + "s"; document.body.appendChild(s); } /* PETALS */ for (let i = 0; i < 25; i++) { let p = document.createElement("div"); p.className = "petal"; p.style.left = Math.random() * 100 + "vw"; p.style.animationDuration = (5 + Math.random() * 5) + "s"; document.body.appendChild(p); } </script> </body> </html>