body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
  }
  .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }
  .container > h1 {
    margin: 0;
  }
  
  .container > md-block > table {
    width: 100%;
  }
  
  .container > md-block > table > thead > tr > th:nth-child(1) {
    text-align: left;
  }
  
  .container > md-block > table > tbody > tr > td:nth-child(1) {
    text-align: left;
  }
  
  .container > md-block > table > tbody > tr > td:nth-child(n + 2) {
    text-align: center;
  }
  
  .container code {
    border: 1px solid #333;
    border-radius: 3px;
    padding: 5px 5px;
    color: #333;
    font-size: 1em;
  }
  
  .container a {
    color: #000;
    text-decoration: none;
  }
  
  .container a:hover {
    color: #00b;
  }
  
  @media (prefers-color-scheme: dark) {
    body {
      background-color: #333;
      color: #eee;
    }
  
    .container a {
      color: #ffffff;
      text-decoration: none;
    }
  
    .container a:hover {
      color: #ffff00;
    }
  
    .container code {
      background-color: #000;
      border: 1px solid #ddd;
      border-radius: 3px;
      padding: 5px 5px;
      color: #ccc;
      font-size: 1em;
    }
  }