.card_envelope{position:relative}.envelope__heading{color:#565459;text-shadow:1px 1px 1px #373638,1px 1px 1px #373638;font-family:Dancing Script,cursive}.envelope__inner{-o-transition:transform 3s;transform-style:preserve-3d;cursor:pointer;justify-content:center;align-items:center;margin-top:320px;margin-bottom:250px;transition:transform 3s;display:flex;position:relative;transform:scale3d(1,.9,.5)}.envelope__inner.is_flip{transform-style:preserve-3d;transform:rotateY(180deg)scale3d(1.1,1.1,1.5)}.envelope_face{backface-visibility:hidden;background-repeat:no-repeat;background-size:contain;height:100%;margin-top:500px;position:absolute;overflow:hidden}@media only screen and (max-width:600px){.envelope_face{backface-visibility:hidden;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;margin-top:290px;position:absolute;overflow:hidden}}.envelope_face .envelope__card__title{z-index:100;text-align:center;color:#00000094;justify-content:center;align-items:center;min-height:250px;padding-left:20px;padding-right:20px;display:flex;position:relative}.envelope_front{width:600px;height:480px;box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d;border-radius:10px!important}.envelope_back{background:0 0;place-content:center;align-items:center;height:100vh;display:flex;overflow:visible;transform:rotateY(180deg)}@media screen and (max-width:600px){.envelope__inner{transform-style:preserve-3d;cursor:pointer;justify-content:center;align-items:center;margin-top:300px;margin-bottom:200px;transition:transform 3s;display:flex;position:relative}.envelope__inner.is_flip{transform:rotateY(180deg)}.envelope_face{backface-visibility:hidden;background-size:contain;width:100%;height:100%;position:absolute;overflow:hidden}.envelope_face .envelope__card__title{z-index:100;min-height:200px;font-size:25px;position:relative}.envelope_front{width:350px;height:300px;box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d;border-radius:10px!important}.envelope_back{background:0 0;place-content:center;align-items:center;height:100vh;display:flex;overflow:visible;transform:rotateY(180deg)}}.envelope{border-radius:20px;width:100%;height:470px;position:relative;box-shadow:0 0 .25em #43475545,0 .25em 1em #5a7dbc0d}.envelope-body{border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:600px;height:480px;position:absolute;top:-10px}.cover{z-index:10;width:0;height:0;position:absolute}.envelope-body .top-wrap{transform-origin:top;z-index:5;width:100%;height:90%;position:absolute;top:-5px}.envelope-body .top-wrap-double{transform-origin:top;z-index:5;width:100%;height:100%;position:absolute}.envelope-body .letter{box-sizing:border-box;text-align:center;z-index:3;background:0 0/cover;border-radius:10px;width:480px;height:600px;margin-left:auto;margin-right:auto;position:relative;top:-13%;left:20px;right:10px;transform:rotate(-90deg)}.envelope-body .cover.top.open{transform-origin:top;z-index:0;height:180px;transition:all 1.5s ease-in-out;transform:rotateX(-180deg)}.envelope-body .top-wrap.remove-color{transform-origin:top;z-index:1;background-color:#0000;height:180px;transition:all 1.5s ease-in-out;transform:rotateX(-180deg)}.envelope-body .top-wrap-double.remove-color{transform-origin:top;z-index:-1;background-color:#0000;height:180px;transition:all 1.5s ease-in-out}.envelope-body .top-wrap.remove-color.open{transform-origin:top;z-index:1;background-color:#0000;height:340px;transition:all 1.5s ease-in-out;top:30px;transform:rotateX(-180deg)}.envelope-body .top-wrap-double.remove-color.open{transform-origin:top;z-index:-1;background-color:#0000;height:340px;transition:all 1.5s ease-in-out;transform:rotateX(-180deg)}.envelope-body .letter.out{z-index:1;margin-top:-440px;transition:all 1.1s ease-in-out 1s}.envelope-body .letter.is_rotate{z-index:35124;margin-top:15px;transition:all 2s ease-in-out;transform:translate(-20px)}.envelop-body-fade{animation:2s fadeinout}.my_card{justify-content:center;align-items:center;display:flex}@keyframes fadeinout{0%{opacity:1}to{opacity:0}}.envelope_face .group_card_envelope_stamp{z-index:100;float:right;position:absolute}.envelope-body .letter .my_image{aspect-ratio:.8;width:440px;margin:0}.envelope__inner.is_flip .group_card_envelope_logo,.envelope__inner.is_flip .group_card_envelope_stamp,.envelope__inner.is_flip .envelope__card__title{z-index:0!important}.box-bottom{color:#fff;clip-path:polygon(100% 90%,100% 100%,0% 100%,0% 0%,0% 90%,50% -10%);background:linear-gradient(#ffdde1 0%,#ee9ca7 100%);width:600px;height:280px}.box-left{color:#fff;clip-path:polygon(0% 0%,100% 50%,0% 100%,0% 100%,0% 0%,50% 0%);background:linear-gradient(#ffdde1 0%,#ee9ca7 100%);width:300px;height:490px;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.box-right{color:#fff;clip-path:polygon(0% 50%,100% 100%,100% -1%,0% 50%,0% 100%,0% 0%);background:linear-gradient(#ffdde1 0%,#ee9ca7 100%);width:300px;height:490px;margin-left:300px;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.box-top{transform-origin:top;z-index:5;color:#fff;clip-path:polygon(110% 0%,50% 60%,-10% 0%,100% 0%,0% 0%,24% 0%);background:linear-gradient(#ffdde1 0%,#ee9ca7 100%);width:600px;height:400px;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.box-top-double{transform-origin:top;z-index:36;color:#fff;clip-path:polygon(115% 0%,50% 70%,-15% 0%,100% 0%,0% 0%,24% 0%);width:570px;height:358px;margin-left:15px;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.box-top .open{z-index:-2;transform:rotateX(-180deg)}.parent{filter:url(#goo);position:fixed;overflow:hidden}.my_card img{z-index:-3;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.envelop-top-margin{margin-top:80px}.left-wrap{z-index:23;filter:drop-shadow(7px -2px 3px #32320033);border-radius:30px}.bottom-wrap{z-index:25;filter:drop-shadow(0 0 6px #0003);border-radius:5px;margin-top:205px}.right-wrap{z-index:24;filter:drop-shadow(-6px 0 3px #0003);border-radius:30px}@media screen and (max-width:670px){.envelope_back{width:450px}.envelope-body{height:100%!important}.envelope-body .letter{top:-5%;width:100%!important;height:100%!important;left:0!important;right:0!important}.my_card{justify-content:center;align-items:center;display:flex}.envelope-body .letter .my_image{margin:0;width:240px!important;height:300px!important}.envelope{border-radius:60px;height:50%}.envelope-body{width:100%;top:0}.my_card img{height:500px!important}.envelop-top-margin{margin-top:10px}.parent{width:100%;height:50%}.box-bottom{color:#fff;-webkit-clip-path:polygon(100% 70%,100% 100%,0% 100%,0% 100%,0% 70%,50% 0%);clip-path:polygon(100% 70%,100% 100%,0% 100%,0% 100%,0% 70%,50% -10%);width:100%;height:200px;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.box-left{color:#fff;clip-path:polygon(2% 0%,50% 50%,0% 100%,0% 100%,0% 0%,59% 0%);width:100%;height:100%;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.box-right{color:#fff;clip-path:polygon(0 100%,100% 100%,100% 0%,0% 100%,0% 100%,100% 0);width:100%;height:100%;margin-left:0;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.box-top{color:#fff;clip-path:polygon(105% 0%,50% 60%,-5% 0%,100% 0%,0% 0%,24% 0%);z-index:5;width:100%;height:285px;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.box-top-double{transform-origin:top;z-index:36;color:#fff;clip-path:polygon(115% 0%,50% 70%,-15% 0%,100% 0%,0% 0%,24% 0%);width:90%;height:260px;margin:auto;box-shadow:0 2px 4px #0e1e251f,0 2px 16px #0e1e2552}.bottom-wrap{margin-top:110px!important}.envelope-body .letter.is_rotate{z-index:35426;transition:all 2s ease-in-out;transform:rotate(0)}}@media screen and (max-width:499px){.envelope-body .letter{top:0%;left:-17px!important}.envelope-body .letter.out{top:0%;left:0!important}.envelope_back{width:350px}.envelope,.parent{height:260px}.box-bottom{height:150px}}