@font-face {
      font-family: Whitney;
      font-weight: 300;
      src: url(fonts/Whitney300.woff) format("woff")
  }

  @font-face {
      font-family: Whitney;
      font-weight: 400;
      src: url(fonts/Whitney400.woff) format("woff")
  }

  @font-face {
      font-family: Whitney;
      font-weight: 500;
      src: url(fonts/Whitney500.woff) format("woff")
  }

  @font-face {
      font-family: Whitney;
      font-weight: 600;
      src: url(fonts/Whitney600.woff) format("woff")
  }

  @font-face {
      font-family: Whitney;
      font-weight: 700;
      src: url(fonts/Whitney700.woff) format("woff")
  }


  body {
    text-rendering: optimizeLegibility !important;
  }

  :root {
    --base-color: #e3e5e8;
    --theme-color: #5468ff;

    --content-max-width: none;

    --base-font-family: Whitney;
    --base-font-weight: 500;
    --base-background-color: #36393f;

    --heading-font-weight: 600;
    --heading-color: #fff;

    --blockquote-font-family: monospace;
    --blockquote-background: #18191c;
    --blockquote-border-radius: 3px;

    --code-block-font-family: monospace;
    --code-theme-background: #18191c;
    --code-block-border-radius: 3px;
    --code-block-padding: 16px;

    --sidebar-background: #2f3136;
    --sidebar-width: 335px;
    --sidebar-name-font-weight: var(--base-font-weight);
    --sidebar-nav-link-background-color--active: var(--theme-color);
    --sidebar-nav-link-border-radius: 3px;
    --sidebar-nav-link-text-decoration--active: none;
    --sidebar-nav-link-text-decoration--hover: none;
    --sidebar-nav-link-color: #b9bbbe;
    --sidebar-nav-link-color--hover: white;
    --sidebar-nav-link-color--active: white;
    --sidebar-nav-link-padding: 5px 10px;

    --search-input-background-color: #2f3136;
    --search-input-border-radius: 3px;
    --search-input-border-color: #040405;
    --search-input-color: #f6f6f7;
    --search-result-item-border-color: #4f545c;
    --search-result-keyword-background: var(--theme-color);

    --code-theme-keyword: #859900;
    --code-theme-tag: #2aa198;
    --code-theme-selector: #2aa198;
    --code-theme-comment: #4f545c;
    --code-inline-border-radius: 3px;
    --code-inline-padding: 3px 5px 4px;

    --link-border-bottom: none;
    --link-border-bottom--hover: none;
    --link-text-decoration: none;
    --link-text-decoration--hover: underline;
    --link-color: #00aff4;

    --selection-color: var(--theme-color);

    --copycode-background: #202225;
  }

  .markdown-section {
    padding: 70px !important;
  }
  .markdown-section blockquote {
    padding: 16px;
    margin: 0 0;
  }

  .search input:focus, .search input:hover {
    border: 1px solid var(--theme-color) !important;
    border-radius: var(--search-input-border-radius) !important;
  }

  @media (min-width: 48em) {
    .sidebar-toggle, .sidebar-toggle-button {
      display: none;
    }
  }

  .search input {
    box-shadow: none !important;
  }