.container.svelte-gsth8b.svelte-gsth8b{display:flex;justify-content:center;align-items:center;height:100vh}.card.svelte-gsth8b.svelte-gsth8b{width:300px;height:220px;perspective:800px;cursor:pointer;position:relative}.envelope.svelte-gsth8b.svelte-gsth8b{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .6s}.card.svelte-gsth8b:hover .arrow-down.svelte-gsth8b{transform:rotateX(-180deg)}.card.svelte-gsth8b:hover .open-me.svelte-gsth8b{display:none}.front.svelte-gsth8b.svelte-gsth8b,.back.svelte-gsth8b.svelte-gsth8b{width:100%;height:100%;background-color:#e74c3c;position:absolute;backface-visibility:hidden;display:flex;justify-content:center;align-items:center}.front.svelte-gsth8b.svelte-gsth8b{transform:rotateX(0);z-index:2}.back.svelte-gsth8b.svelte-gsth8b{transform:rotateX(180deg)}.letter.svelte-gsth8b.svelte-gsth8b{width:180px;height:120px;background-color:#fff;position:absolute;top:-130%;left:37%;transform:translateY(130%) translate(-42%);transform-origin:bottom;transition:transform .6s;padding:10px;box-sizing:border-box;opacity:0}.card.svelte-gsth8b:hover .letter.svelte-gsth8b{transform:translate(-50%) rotateX(0);opacity:1}.poem.svelte-gsth8b.svelte-gsth8b{font-family:Segoe Script,cursive;color:#444;text-align:center;width:150%;background-color:#fff;padding:10px;border-radius:5px;box-shadow:0 0 10px #0000001a}#heart.svelte-gsth8b.svelte-gsth8b{position:relative;width:70px;height:60px;animation:svelte-gsth8b-beat 1.3s infinite}#heart.svelte-gsth8b.svelte-gsth8b:before,#heart.svelte-gsth8b.svelte-gsth8b:after{content:"";position:absolute;top:0;width:52px;height:80px;border-radius:50px 50px 0 0;background:red;transform:scale(.2)}#heart.svelte-gsth8b.svelte-gsth8b:before{left:50px;transform:rotate(-45deg);transform-origin:0 100%}#heart.svelte-gsth8b.svelte-gsth8b:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}@keyframes svelte-gsth8b-beat{0%,to{transform:translate(-50%) scale(.3)}50%{transform:translate(-50%) scale(.4)}}.arrow-down.svelte-gsth8b.svelte-gsth8b{width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-top:150px solid #e73f3c;position:absolute;top:0;transform-style:preserve-3d;transition:transform .6s;z-index:-1;transform-origin:50% 0}