html[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] body,
html[dir="rtl"] .main,
html[dir="rtl"] header,
html[dir="rtl"] footer,
html[dir="rtl"] .post-content {
  text-align: right;
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-right: 1.5rem;
  padding-left: 0;
}

html[dir="rtl"] blockquote {
  border-right: 4px solid #ccc;
  border-left: none;
  padding-right: 1rem;
  padding-left: 0;
}