body{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#e9f5db}input#flap{display:none}.envelope-container{position:relative;animation-duration:3s}.envelope-back{position:relative;width:320px;height:200px;background-color:#83555b}.envelope-back:before{content:"";position:absolute;background-color:rgba(0,0,0,.07);width:320px;height:10px;border-radius:50%;top:220px;left:0}.card{position:absolute;width:300px;height:180px;background-color:#fff;top:10px;left:10px;display:flex;align-items:center;justify-content:center;transition:.1s;z-index:1;overflow:hidden;cursor:pointer}.card-front{position:absolute;width:0;height:0;border-bottom:100px solid #986a6a;border-left:160px solid transparent;border-right:160px solid transparent;top:100px;left:0;z-index:3}.card-front:after,.card-front:before{content:"";position:absolute;border-bottom:100px solid transparent;border-top:100px solid transparent;height:0;width:0}.card-front:before{border-left:161px solid transparent;border-right:161px solid #a97c8c;top:-100px;left:-162px}.card-front:after{border-right:161px solid transparent;border-left:161px solid #a97c84;top:-100px;left:-160px}.flap{position:absolute;width:0;height:0;border-top:110px solid #c99aab;border-left:160px solid transparent;border-right:160px solid transparent;top:0;left:0;cursor:pointer;transition:.3s;transform-origin:top;z-index:4}#flap:checked+.flap{transform:rotateX(180deg)}#flap:checked~.card-front{z-index:7}#flap:checked~.card{z-index:4;transform:translateY(-60px)}.expanded{z-index:100;width:95vw;max-width:640px;height:auto!important;position:relative;margin:0 auto!important}@media (min-width:480px){#litlogo,.expanded p{margin:0 50px 20px}}@media (max-width:480px){#litlogo,.expanded p{margin:0 20px 20px}}.raise:focus,.raise:hover{box-shadow:0 .5em .5em -.4em var(--hover);transform:translateY(-.25em)}.raise{--color:#d52b2b;--hover:#691146}button{width:160px;color:var(--color);transition:.25s;border-radius:0!important;background:#a97c8c!important;font:inherit;line-height:1;margin:.5em;padding:1em 2em;color:#f5f4f4!important}button:focus,button:hover{border-color:var(--hover);color:#fff}.btn-group-lg{padding:20px;margin-top:60px}.btn-rose{width:50px;margin-left:-70px;margin-top:-30px;position:absolute;transform-style:preserve-3d;filter:sepia(33%)}#bay{position:fixed;bottom:0;right:0;width:120px;margin-bottom:-60px;cursor:pointer;margin-right:-50px}#craft{position:fixed;bottom:0;right:0;cursor:pointer}#cogito{position:fixed;top:0;left:0;z-index:-2;color:#83555b;font-size:11vw;opacity:.3;width:100%}