@font-face {
  font-family: 'Special Elite';
  src: url(fonts/Special_Elite/SpecialElite-Regular.ttf);
}


html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
}


.font-sans {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


hr {
    height: 1px;
    background-color: #ccc;
    border: none;
}

/* Restore heading styles that Tailwind CSS resets */
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.2;
}

.post h1 {
    font-size: 2.25rem; /* 36px */
}

.post h2 {
    font-size: 1.875rem; /* 30px */
}

.post h3 {
    font-size: 1.5rem; /* 24px */
}

.post h4 {
    font-size: 1.25rem; /* 20px */
}

.post h5 {
    font-size: 1.125rem; /* 18px */
}

.post h6 {
    font-size: 1rem; /* 16px */
}

.language-plaintext {
  color: #FFFFFF;
}

/* Fix horizontal scrollbar on code blocks */
pre {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

pre code {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}