h2 {
      font-size: 2em;
      text-transform: uppercase;
}

h3 {
      font-size: 1.5em;
      font-family: PlusJakartaSans-SemiBold;
      margin: 20px 0;
}

h4 {
      font-size: 1.25em;
      margin: 40px 0 20px 0;
}

hr {
      color: #eee;
      width: 50%;
      margin: 40px auto;
}

main {
      display: flex;
      align-items: flex-start;
      padding: 0 20px;
      justify-content: space-between;
      flex-wrap: wrap;
}

@media (min-width: 1400px){
      main {
            padding: 40px 120px;
      }
}

nav {
      width: 100%;
      padding: 20px;
      border-bottom: 1px solid #888;
}

@media (min-width: 768px){
      nav {
            position: sticky;
            top: 32px;
            width: 200px;
            border-bottom: none;
      }
}

@media (min-width: 992px){
      nav {
            width: 300px;
      }
}

nav label,
nav label a {
      display: block;
      margin: 5px 0;
      cursor: pointer;
      text-decoration: none;
      color: #000;
}

.submenu-wrap label {
      font-size: .9em;
      margin: 0;
}

nav input {
      display: none;
}

.content {
      width: 500px;
      font-family: PlusJakartaSans;
}

@media (min-width: 992px){
      .content {
            width: 600px
      }
}

@media (min-width: 1200px){
      .content {
            width: 800px
      }
}

.submenu-wrap {
      display: flex;
      flex-direction: column;
      gap: 5px;
      max-height: 0;
      margin: -8px 0 0;
      padding: 0 10px;
      overflow: hidden;
      transition: max-height .4s linear;
      list-style: none;
}

@media (min-width: 992px){
      .submenu-wrap {
            padding: 0 20px;
      }
}

input:checked + .submenu-wrap {
      margin: 0;
      max-height: 400px;
}

.submenu-wrap li {
      font-size: .9em;
}

.submenu-wrap li label, {
      font-family: PlusJakartaSans;
      margin: 0;
}

.submenu-wrap a {
  color: #000;
  text-decoration: none;
  font-family: PlusJakartaSans;
}

.submenu-wrap a:hover {
      text-decoration: underline;
}

pre,
.code-inline {
      background: #ececec;
      padding: 10px 10px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      max-width: 100%;
      white-space: break-spaces;
}

.code-inline {
      padding: 2px 5px;
}

.changelog p {
      margin: 50px 0;
}