.letter-wrap[data-v-1a9cf370]{background:#fffff1;width:100vw;height:100vh;padding-top:50px;color:var(--black)}span[data-v-1a9cf370]{display:block;width:150px;height:150px;background:var(--letterStitch) no-repeat;background-position:0 0}.letter-content[data-v-1a9cf370]{overflow-y:auto;height:177px}.letter-content[data-v-1a9cf370]::-webkit-scrollbar{display:none}h2[data-v-1a9cf370]{font-size:1.5em;line-height:1.6;text-align:center;margin-top:110px;width:100%;padding:0;border:0}a[data-v-1a9cf370]{color:#9b4849;text-decoration:none;display:block}a[data-v-1a9cf370]:hover{color:#783839}#open[data-v-1a9cf370]{width:150px;text-align:center;margin:50px auto 0}#flip[data-v-1a9cf370]{margin:160px 20px 0 0;float:right}#flip2back[data-v-1a9cf370]{margin-top:60px;float:right}#close[data-v-1a9cf370]{position:absolute;bottom:5px;right:15px}section.container[data-v-1a9cf370]{display:none;position:relative;width:600px;height:300px;perspective:1000px;margin:10px}section.container>form.flip[data-v-1a9cf370]{width:100%;height:100%;position:absolute;transform:rotateY(180deg);transform-style:preserve-3d;transition:transform .7s 0s;transform-origin:center center}section.container>form.flip>.back[data-v-1a9cf370],section.container>form.flip>.front[data-v-1a9cf370]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}section.container>form.flip>.back[data-v-1a9cf370]{transform:rotateY(180deg);background:#837362;box-shadow:inset 0 10px 30px -10px rgba(0,0,0,.3),inset 0 1px 0 rgba(0,0,0,.2),inset 0 2px 0 hsla(0,0%,100%,.2)}section.container:target>form.flip[data-v-1a9cf370]{transform:rotateY(0deg)}.container#lid[data-v-1a9cf370]{position:relative;width:100%;height:50%;perspective:800px;z-index:2;transition:z-index 0s 1s}#content:target .container#lid[data-v-1a9cf370]{z-index:-1;transition:z-index 0s .5s}#lid .flip[data-v-1a9cf370]{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .5s 1s;transform-origin:left top}#lid .flip>.back[data-v-1a9cf370],#lid .flip>.front[data-v-1a9cf370]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}#lid .flip>.back[data-v-1a9cf370]{transform:rotateX(180deg)}#content:target #lid .flip[data-v-1a9cf370]{transform:rotateX(180deg);transition-duration:.5s;transition-delay:0s}#lid .flip .front[data-v-1a9cf370],section.container>form.flip .front[data-v-1a9cf370]{background:beige var(--letterBg);border:1px solid #eae1d5;box-shadow:inset 0 0 10px 1px hsla(0,0%,100%,.6),0 2px 3px -2px rgba(0,0,0,.6);padding:20px;color:#837362;text-shadow:0 1px 0 #fff,0 1px 0 #fff}section.container>form.flip>.front[data-v-1a9cf370]{font-size:1.25em;background:var(--letterStamp) no-repeat 20px 20px,beige var(--letterBg);border:1px solid #eae1d5}#lid .flip .front[data-v-1a9cf370]{font-size:1.25em;border-radius:0 0 40px 40px}#lid .flip .back[data-v-1a9cf370]{background:#837362;border-radius:40px 40px 0 0;border:35px solid hsla(0,0%,100%,.1);border-bottom:none;box-shadow:inset 0 10px 30px 10px rgba(0,0,0,.1)}#top[data-v-1a9cf370]{text-align:right;background:beige var(--letterBg);box-sizing:border-box;width:100%;height:65%;position:absolute;left:0;bottom:0;z-index:1;border:1px solid #eae1d5;box-shadow:inset 0 0 10px 1px hsla(0,0%,100%,.6),0 -2px 4px -3px rgba(0,0,0,.75),0 2px 3px -2px rgba(0,0,0,.6)}#letter[data-v-1a9cf370]{background:#fafafa;width:90%;height:95%;position:absolute;left:5%;top:5%;z-index:0;transition:0s 0s}#content:target #letter[data-v-1a9cf370]{top:-60%;transition:.5s .5s}#letter .container[data-v-1a9cf370]{position:absolute;width:100%;perspective:800px;top:0;left:0;transition:0s 0s;z-index:1}#letter .flip[data-v-1a9cf370]{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transition:transform .5s 0s;transform-origin:left top}#letter .flip>.back[data-v-1a9cf370],#letter .flip>.front[data-v-1a9cf370]{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}#letter .flip>.back[data-v-1a9cf370]{transform:rotateX(180deg)}#content:target #letter .flip[data-v-1a9cf370]{transform:rotateX(180deg);transition-duration:.5s;transition-delay:1s}#content:target #letter .container[data-v-1a9cf370]{z-index:-1;transition:z-index 0s 1.5s}#letter .flip .front[data-v-1a9cf370]{background:#fafafa;box-shadow:0 2px 3px 0 rgba(0,0,0,.2)}#letter .flip .back[data-v-1a9cf370]{background:#fafafa;padding:40px 40px 0;font-size:18px;line-height:1.5;border-bottom:1px solid hsla(0,0%,100%,.5);box-shadow:0 -5px 8px -4px rgba(0,0,0,.15)}