.body{font-family:Georgia,serif;background-color:#ffffff;color:#333;text-align:center;margin:0;padding:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.body_final{height:80vh}.envelope{position:relative;width:500px;height:450px;padding:20px;background-color:#ffffff;border-radius:5px;cursor:pointer;transition:transform .5s ease-in-out}.envelope:hover{transform:scale(1.05)}.envelope .flap{position:absolute}.envelope .message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.6rem;z-index:0}.envelope img{width:100%;max-height:500px;transition:opacity 1.5s ease-in-out}.envelope button{margin-top:10px;padding:10px 20px;font-size:1.2rem;background-color:#d4376b;color:white;border:none;border-radius:5px;cursor:pointer}.letter{position:relative;width:90%;max-width:800px;height:50vh;margin:20px auto;padding:40px;background-color:#ffffff;border:2px solid #d4376b;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.letter h1{font-size:2.5rem;color:#d4376b;margin-bottom:20px}.letter p{font-size:1.2rem;line-height:1.6;text-align:left}.letter:after,.letter:before{content:"";position:absolute;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d4af37'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");width:50px;height:50px;background-size:cover}.letter:before{top:10px;left:10px}.letter:after{bottom:10px;right:10px}.heart-carousel{position:relative;width:300px;height:300px;margin:20px auto}.heart-carousel img{position:absolute;top:0;left:0;width:100%;max-height:500px;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out}.heart-carousel img.active{opacity:1}.flower{position:absolute;top:-50px;animation:fall linear infinite}@keyframes fall{to{transform:translateY(100vh)}}@media (max-width:768px){.envelope{width:80%;height:50%}.letter{width:80vw;height:85vh;margin:10px auto;padding:60px 20px 20px}.letter h1{font-size:2rem}.letter p{font-size:1rem}.heart-carousel{width:100%}.heart-carousel img{max-height:300px}}