body {
        margin: 0;
        font-family: sans-serif;
        background-color: #fff;
        color: #000;
        line-height: 1.6;
      }
      a {
        color: black;
        text-decoration: none;
      }
      button:hover a {
        color: white;
      }
      .container {
        margin: 2rem 2rem;
        padding: 1rem 1rem; 
      }
      .container-blog {
        max-width: 1100px;
        margin: 2rem auto;
        padding: 0 1rem;
      }
      .theme-text {color: black;}
      .fake-pre {white-space: pre; font-family: monospace;}
      .three-bars {
        width: 1rem; 
        height: 1rem;

        background-color: black;

        -webkit-mask: url('/blog/hacking/bars.svg') no-repeat center;
        -webkit-mask-size: contain;

        mask: url('/blog/hacking/bars.svg') no-repeat center;
        mask-size: contain;
      }

      @media (prefers-color-scheme: dark) {
      body {
        background-color: #121212; /* very dark grey / almost black */
        color: white;
      }

      a {
        color: #ffffff;
      }

      a:hover {
        color: #cccccc;
      }

      nav, .breadcrumb, .scrollspy-container {
        background-color: #1e1e1e;
      }

      pre, code {
        background-color: #1e1e1e;
        color: #ffffff;
      }

      .nav-link.active {
        background-color: #333333;
        color: #ffffff;
      }

      .breadcrumb-item {
        background-color: #333333;
      }

      .breadcrumb-item.active {
        color: #DED6DA;
      }

      .orange {color: orange;}
      .cyan {color: cyan;}
      .theme-text {color: white;}

      .three-bars {background-color: white;}
    }