@media screen and (max-width: 767px) {
  main {
    grid-template-rows: minmax(max-content, 1fr) auto;
  }
  main .bigbob {
    padding: 4px;
  }
  main .bigbob .info {
    font-size: 10px;
  }
  main .quietjay {
    grid-template-columns: none;
    grid-template-rows: max-content min-content auto;
  }
  main .quietjay .menu .lilfucker {
    display: none;
  }
  main .quietjay .separator {
    width: 100%;
    height: 2px;
  }
  main .quietjay .content .what-is-this .container {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  main .quietjay .content .skills {
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  main .quietjay .content .skills .container {
    height: max-content !important;
    grid-template-columns: 1fr;
  }
  main .quietjay .content .skills .container > section .text {
    grid-template-rows: none;
  }
  main .quietjay .content .skills .container > section .text .summary {
    padding: 20px;
  }
  main .quietjay .content .skills .container > section .text .examples {
    gap: 15px;
  }
  main .quietjay .content .skills .container > section .text .examples > section {
    display: block;
  }
  main .quietjay .content .skills .button-container {
    padding: 0 20px 20px 20px;
    display: flex;
    justify-content: flex-end;
  }
  main .quietjay .content .skills button.next {
    display: flex;
    position: static;
    bottom: unset;
    right: unset;
  }
  .menu .items section {
    font-size: 30px;
    line-height: 32px;
  }
}

/*# sourceMappingURL=responsive.css.map */