.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem; }
  .navbar .navbar-left, .navbar .navbar-right {
    display: flex;
    gap: 1rem; }
  @media (max-width: 768px) {
    .navbar {
      flex-direction: column; } }
  .navbar .navbar-right {
    display: flex; }
    @media (max-width: 768px) {
      .navbar .navbar-right {
        display: none;
        flex-direction: column;
        text-align: center;
        padding-left: 0; } }
  .navbar #burger-icon {
    display: none;
    cursor: pointer;
    flex-direction: column;
    gap: 0.3rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem; }
    @media (max-width: 768px) {
      .navbar #burger-icon {
        display: flex;
        transition: transform 0.3s ease, opacity 0.3s ease; } }
    .navbar #burger-icon.active {
      transform: rotate(90deg); }

.navbar.active .navbar-right {
  display: flex; }

.markdown li {
  list-style-type: disc; }

.markdown a {
  text-decoration-style: solid;
  text-decoration-line: none;
  color: blue; }

.markdown tr {
  border-bottom: 1px solid #eee; }

.markdown td {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-right: 1rem; }

.markdown td:first-child {
  white-space: nowrap; }

.markdown ul {
  padding-left: 1.25rem;
  /* 20px */ }

.markdown h2 {
  font-weight: 700;
  font-size: 1.25rem;
  /* 20px */
  line-height: 1.75rem;
  /* 28px */
  padding-top: 1.5rem;
  /* 124x */ }

.markdown h3 {
  font-weight: 700;
  font-size: 1.125rem;
  /* 18px */
  line-height: 1.75rem;
  /* 28px */
  padding-top: 0.5rem;
  /* 12px */
  padding-bottom: 0.5rem;
  /* 12px */ }