devlifefrommodernway.gitlab.io/src/_styles/base.css

@font-face {
  font-family: "FirgeNerd";
  src: url("./fonts/woff2/FirgeNerd-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FirgeNerd";
  src: url("./fonts/woff2/FirgeNerd-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

.book.font-family-1 {
  font-family: "FirgeNerd", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.markdown-section p {
  font-size: 1.1em;
}

.markdown-section code,
.markdown-section pre {
  font-family: "FirgeNerd", monospace;
}

.markdown-section code {
  font-size: 0.9em;
}

/* For hints Plguin */

.hints-container {
  /* To be fitted */
  padding-right: 15px;
}

.hints-alert {
  word-break: break-word;
}

/* UnderLines */

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section h5,
.markdown-section h6 {
  border-bottom: dotted;
}

/* Table responsive */

table {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  width: 16.6%;
  padding: 0.6em 1em;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 640px) {
  body {
    overflow: hidden;
  }

  table {
    display: flex;
  }

  thead {
    white-space: nowrap;
  }

  tbody {
    overflow-x: scroll;
    white-space: nowrap;
  }

  tbody tr {
    display: inline-block;
  }

  tbody tr:last-child {
    margin-left: -5px;
  }

  th,
  td {
    display: block;
    width: auto;
  }
}