*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:#f4e8d3;background-image:radial-gradient(circle at 20% 30%,#c8a07826 0,#0000 50%),radial-gradient(circle at 80% 70%,#b48c641f 0,#0000 50%);color:#3a2e26;display:flex;font-family:Lora,Georgia,serif;justify-content:center;min-height:100vh;padding:2rem}.page{max-width:640px;position:relative;width:100%}.envelope-flap{border-bottom:80px solid #c9a96e;border-left:200px solid #0000;border-right:200px solid #0000;height:0;left:50%;opacity:.35;position:absolute;top:-40px;transform:translateX(-50%);width:0;z-index:0}.letter{background:#fdf6ec;background-image:repeating-linear-gradient(0deg,#0000,#0000 27px,#b4a08214 0,#b4a08214 28px);border:1px solid #d4c4a8;border-radius:2px;box-shadow:0 2px 8px #0000000f,0 12px 40px #00000014,inset 0 0 60px #c8b4961f;padding:3rem 2.8rem 2.5rem;position:relative;z-index:1}.letter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.title{color:#6b4226;font-family:Dancing Script,cursive;font-size:2.6rem;font-weight:700;letter-spacing:1px}.stamp{align-items:center;background:#ffffff80;border:2px dashed #c9a96e;border-radius:4px;display:flex;flex-shrink:0;font-size:2.4rem;height:56px;justify-content:center;width:56px}.divider{background:linear-gradient(90deg,#0000,#c9a96e,#0000);height:1px;margin-bottom:2rem}.letter-body{font-size:1.08rem;line-height:1.85}.greeting{color:#6b4226;font-family:Dancing Script,cursive;font-size:1.5rem;margin-bottom:1.2rem}.content{color:#5a4a3a;font-style:italic;margin-bottom:2rem}.closing{font-size:1.25rem;margin-top:2rem}.closing,.signature{color:#6b4226;font-family:Dancing Script,cursive}.signature{font-size:1.8rem;font-weight:700;margin-top:.3rem}.wax-seal{align-items:center;background:radial-gradient(circle at 40% 38%,#d4585a,#a03030);border-radius:50%;bottom:-18px;box-shadow:0 3px 10px #0003,inset 0 -2px 4px #00000026;color:#fce4e4;display:flex;font-size:1.4rem;height:52px;justify-content:center;position:absolute;right:36px;width:52px}@media (max-width:520px){.letter{padding:2rem 1.5rem}.title{font-size:2rem}.envelope-flap{border-bottom-width:55px;border-left-width:130px;border-right-width:130px}}
/*# sourceMappingURL=main.3f66da11.css.map*/