.envelope-wrapper{flex-direction:column;align-items:center;width:100%;padding:40px 0;display:flex}.textclick{color:#5b88a5;opacity:.85;text-align:center;margin-top:18px;font-family:Tangerine,cursive;font-size:1.2rem}.envelope{cursor:pointer;perspective:1800px;width:330px;height:250px;transition:transform 1s ease-in-out;position:relative}.envelope.open{transform:translateY(25px)}.card{text-align:center;transform-origin:bottom;background:#fff;border-radius:12px;width:90%;height:90%;padding:20px;transition:transform 1s ease-in-out .5s;position:absolute;top:5%;left:5%;box-shadow:0 10px 25px #00000026}.envelope.open .card{transform:translateY(-240px)}.title-script{color:#5b88a5;font-family:Imperial Script,cursive;font-size:2.6rem}.names-script{color:#c8a2c8;margin-top:10px;font-family:Imperial Script,cursive;font-size:3.2rem}.invite-body{color:#777;font-family:Tangerine,cursive;font-size:1.8rem}.invite-details{color:#444;margin-top:20px;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5rem}.flap-container{width:100%;height:100%;position:absolute;top:0}.flap{clip-path:polygon(0 0,100% 0,50% 55%);transform-origin:top;background:#c8a2c8;width:100%;height:100%;transition:transform 1s ease-in-out}.flap-inside .flap{background:#e8d7f0}.envelope.open .flap-outside .flap,.envelope.open .flap-inside .flap{transform:rotateX(-180deg)}.lining{background:repeating-linear-gradient(45deg,#ffffffb3,#ffffffb3 10px,#c8a2c84d 10px 20px);width:100%;height:100%}.string{pointer-events:none;width:330px;height:250px;position:absolute;top:0;left:0}.string-path{fill:none;stroke:#5b88a5;stroke-width:3px;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500px;animation:2s forwards string-appear}@keyframes string-appear{to{stroke-dashoffset:0}}