.separator { margin-top: 1em; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center; } .separator img { width: 100%; } hr { margin-top: 2em; margin-bottom: 2em; font-size: 1em; text-align: center; border: none; background: none; } hr:after { content: '*'; font-size: 1em; border: none; background: none; } hr+p { text-indent: 0 !important; } hr.inline-extra-top, hr.inline-extra-bottom { display: none; } hr.inline-extra-top:after, hr.inline-extra-bottom:after { content: ''; } blockquote.letter>p { font-family: system-ui , Marker Felt , cursive; font-style: normal; text-indent: 0 !important; margin-top: 0.5em; } blockquote.invitation>p { text-align: center; text-indent: 0 !important; font-family: system-ui , Helvetica , cursive; } blockquote.message>p { font-family: system-ui , Helvetica , sans-serif; font-style: normal; text-indent: 0 !important; margin-top: 0.5em; } blockquote.reply>p { font-family: system-ui , Helvetica , sans-serif; font-style: normal; text-indent: 0 !important; margin-top: 0.5em; } blockquote.message>p { background-color: #e6e5ea; border: 1px solid #e6e5ea; text-align: left; padding: 10px; border-radius: 0.8em; } blockquote.reply>p { background-color: #9ecdff; border: 1px solid #9ecdff; text-align: right; padding: 10px; border-radius: 0.8em; } blockquote.note>p { border: 1px solid #000000; margin: 1em auto; padding: 1em; } blockquote.note>p { font-family: system-ui , Marker Felt , cursive; }