html { font-size: 14px; }
@media (min-width: 768px) {
  html { font-size: 16px; }
}

html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; }

nav img { border: none; margin: 0; }

h1 { margin-top: 2rem; margin-bottom: 1rem; }
h2 { margin-top: 2rem; margin-bottom: 1rem; }
h3 { margin-top: 2rem; margin-bottom: 1rem; }
h4 { margin-top: 2rem; margin-bottom: 1rem; color: #333; }

table { width: 100%; border: solid 1px #ccc; border-collapse: collapse; }
table thead th { background-color: #eee; }
table thead th, table tbody td { padding: 4px 8px; border: solid 1px #ccc; }

blockquote { border-left: solid 5px #146abe; display: block; margin-top: 1rem; font-size: 0.875rem; padding: 1rem; background-color: #fafafa; color: #555; font-family: Consolas, 'Courier New', Courier, monospace; }
blockquote p { margin: 0; }
blockquote p em { color: #146abe; font-weight: bold; }

pre { overflow-x: auto; white-space: pre; word-break: normal; word-wrap: normal; }
code { border-left: solid 5px #146abe; display: block; margin-top: 1rem; font-size: 0.875rem; padding: 1rem; color: #555; font-family: Consolas, 'Courier New', Courier, monospace; background-color: #fafafa; white-space: pre; }

mark { background-color: #ffec88; padding: 0.25rem 0.5rem; font-weight: bold; border-radius: 5px; font-size: 0.875rem; vertical-align: text-bottom; }

.hljs-tag .hljs-name { color: #146abe !important; }

img { width: 100%; border: dotted 1px #ccc; margin: 1rem 0.5rem; }