.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: 65rem
}

.md-sidebar {
    width: 8rem
}

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

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

  #scrollButton {
    transition: opacity 0.3s ease;
  }


 /*Stänger av autohide av header på mobiler*/ 
  .md-header {
    position: sticky !important;
    top: 0 !important;
    transform: none !important;
  }
