body {
  --theme-color: #ffb4ab;

  font-family: "Rajdhani", sans-serif;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 400;

  background-color: #20252b;
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 6px 6px;
  color: #cccccc;
}

.sidebar {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.075);
  color: #cccccc;

  .search {
    border-color: rgba(255, 255, 255, 0.075);

    .clear-button {
      svg {
        circle {
          fill: #888888 !important;
        }
      }
    }

    input {
      font-family: "Rajdhani", sans-serif;
      background: transparent;
      color: #ffffff;
      font-size: 16px;
    }

    .matching-post {
      border-color: rgba(255, 255, 255, 0.075);

      h2 {
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
      }
    }
  }

  .app-name {
    img {
      margin: 30px 0 15px;
      width: 80px;
    }
  }

  ul {
    li {
      a {
        color: #cccccc;
        font-weight: 400;
        font-size: 16px;
      }
    }
  }
}

.sidebar-toggle {
  background-color: #20252b;
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px), linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
  background-size: 6px 6px;
}


.anchor span {
  color: #ffb4ab;
}

#app::before { display: none !important; }
.sidebar { padding-top: 0 !important; }

.markdown-section {
  h1, h2, h3, h4, h5, h6, a {
    font-weight: 400;
  }

  code, output:after, pre {
    font-family: "IBM Plex Mono", "Roboto Mono", courier, monospace;
    font-weight: 400;
  }

  hr {
    border-color: rgba(255, 255, 255, 0.1);
  }

  code {
    background-color: #292e34;
    color: #ffb4ab;
  }

  pre {
    background-color: #292e34;
    color: #cccccc;

    > code {
      color: #cccccc;
      font-weight: 300;
    }

    &::after {
      color: #888888;
    }
  }

  strong {
    color: #ffffff;
    font-weight: 500;
  }
}

.token {
  .tag {
    color: #ffb4ab;
  }
}