.ascii-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1rem 0;
}

.ascii-wrapper pre {
    width: 100%;
    font-size: clamp(0.3rem, 1.5cqw, 0.75rem);
    line-height: 1.2;
    margin: 0;
    white-space: pre;
}

.md-grid {
    max-width: 67rem
}

.md-sidebar {
    width: 8rem
}

@media screen and (max-width: 1219px) {
    .md-sidebar--secondary {
      display: none !important;
    }
  }

[data-md-color-primary="yellow"] {
  --md-primary-fg-color: #FFD300 !important;
  --md-primary-fg-color--light: #FFE066 !important;
  --md-primary-fg-color--dark: #CCAA00 !important;
}


.md-header,
.md-tabs {
  transition: transform 0.3s ease;
}

#scrollButton {
  transition: opacity 0.3s ease;
}