:root{--font-family: Arial, Ubuntu, sans-serif}html,body{font-family:var(--font-family);font-size:16px;background:#f8f8ff}textarea{font-size:16px;background:#fff}@media print{body,html{background:transparent}textarea{border:0}}body{margin:0;padding:1cm}@media print{html{margin:0;padding:0}body{position:relative;padding:48mm 8.1mm 16.9mm 24.1mm}}body{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(3cm,auto) auto auto auto;grid-gap:0;grid-template-areas:"sender    ." "recipient ." ".         place-date" "subject   subject" "body      body"}.grow-area{position:relative;background:#0000004d}.grow-area:focus-within{z-index:2}.grow-area.bold .input,.grow-area.bold .shadow-text{font-weight:700}.grow-area .input{position:absolute;top:0;left:0;width:100%;height:100%;resize:none}.grow-area .shadow-text{opacity:0}.grow-area .shadow-text:after{content:" "}.grow-area .input,.grow-area .shadow-text{font-family:var(--font-family);display:block;white-space:pre-wrap;box-sizing:border-box;font-size:1rem;line-height:1.6;border:0;margin:0;padding:0}.grow-area label{position:absolute;bottom:100%;font-size:8px;background:#fff;padding:2px 4px;color:#777;border-radius:3px 3px 0 0}@media print{.grow-area label{display:none}}#sender{grid-area:sender}#sender .input,#sender .shadow-text{font-size:8pt;line-height:1;text-decoration:underline}#recipient{grid-area:recipient}#recipient .input,#recipient .shadow-text{font-size:10pt;line-height:1.4}#place-date{grid-area:place-date}#subject{grid-area:subject;margin-top:2cm}#body{grid-area:body}