#envelope{position:relative;perspective:1000px;transform-style:preserve-3d}#envelope_rotator{position:relative;transition-duration:1s;border-bottom-left-radius:6px;border-bottom-right-radius:6px}#envelope_rotator,.back{transform-style:preserve-3d;width:100%;height:100%}.back{transform:rotateY(180deg) translateZ(1px)}.back,.front{position:absolute;transition:all 1s linear;backface-visibility:hidden}.front{width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(0deg) translateZ(3px);transform-origin:center}.flipped #envelope{animation-direction:normal}.flipped .back{backface-visibility:visible;transform:rotateY(0deg) translateZ(3px)}.flipped .back.pocket{transform:rotateY(180deg);background-color:#123f54;transition:all 0s linear}.flipped .front{transform:rotateY(-180deg) translateZ(3px)}.recipient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Caveat,cursive}.flap{width:100%;background-color:#123f54;transform-origin:top}#envelope_wax_seal{position:absolute;width:50px;height:50px;top:80%;left:50%;transform:translateX(-50%) translateY(0) translateZ(3px)}.pocket{width:100%;background-color:#123f54;transform-origin:top;z-index:4;transform:rotateY(0);transition:all 0s linear;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.card{position:relative;background-color:#fff;width:95%;margin-left:auto;margin-right:auto;height:95%;top:5%;border-radius:6px;box-shadow:0 2px 26px rgba(0,0,0,.12)}.open .flap{transform:rotatex(180deg);transition:transform .4s ease,z-index .6s;z-index:1;background-color:#123f54}.close .flap{transform:rotatex(0deg);transition:transform .4s ease .6s,z-index 1s;z-index:5}.close .card{transform:translatey(0);transition:transform .4s ease,z-index 1s;z-index:1}.open .card{transition:transform 2s ease 1s,z-index .6s;z-index:2}@keyframes slideUp{0%{top:0}to{top:-600px}}@keyframes sideSway{0%{margin-left:0}to{margin-left:50px}}.reset{text-align:center}.reset button{font-weight:800;font-style:normal;transition:all .1s linear;-webkit-appearance:none;background-color:transparent;border:2px solid #0077b2;border-radius:4px;color:#0077b2;display:inline-block;font-size:14px;text-transform:uppercase;margin:5px;padding:10px;line-height:1em;text-decoration:none;min-width:120px;outline:none}.reset button:hover{background-color:#0077b2;color:#fff}.card-stack-container{perspective:1000px;transform-style:preserve-3d}