.notepad{display:flex;position:relative;background:#fff;flex-direction:column;box-shadow:0 0 5px 0 #888}.notepad:before{content:"";position:absolute;left:4rem;height:100%;width:2px;background:rgba(255,0,0,.4)}.notepad.editable .notepad-lines{padding-bottom:2rem}.notepad textarea.notepad-body,.notepad textarea.notepad-footer,.notepad textarea.notepad-header{border:0;margin:0;padding:0;outline:none;resize:none;width:100%;height:100%;background:none;overflow:hidden}.notepad .notepad-body,.notepad textarea.notepad-body{padding-left:5rem;padding-right:3rem}.notepad .notepad-footer,.notepad .notepad-header,.notepad textarea.notepad-footer,.notepad textarea.notepad-header{padding-left:5rem;padding-right:5rem}.notepad .notepad-header,.notepad textarea.notepad-header{z-index:2;position:relative;text-align:center;min-height:2rem;margin-top:.9375rem;margin-bottom:.9375rem;font-size:1.5rem;line-height:1.875rem}.notepad .notepad-footer,.notepad textarea.notepad-footer{z-index:2;position:relative;text-align:center;min-height:2rem;font-size:.85rem;line-height:1.0625rem}.notepad .notepad-lines{margin-top:-2rem;background-image:repeating-linear-gradient(#fff,#fff calc(2rem - 1px),#4682b4 2rem)}.notepad .notepad-body,.notepad textarea.notepad-body{font-weight:500;font-size:1rem;font-family:Courier,monospace;margin-top:2rem;line-height:2rem}.notepad .notepad-body *,.notepad textarea.notepad-body *{margin:0!important;line-height:2rem!important}.notepad .notepad-body a,.notepad textarea.notepad-body a{font-weight:700}