/* Colors rows with input fields, leaves descriptions in default color */

table {
    border-collapse: collapse;
    width: 100%;
  }
  
  tr:nth-child(odd) {
    background-color: #2196f32e;
  }
  
  /* Styles internal links, to view which row did the page scrolled to */
  
  @keyframes blink {
    from, to { background-color: transparent; }
    50% { background-color: yellow; }
  }
  
  th:target {
    animation: blink 1s;
  }
  
  
  a[href^="#setting"]:hover {
    text-decoration: underline;
  }
  
  /* Smooth scrolling effect */
  html {
    scroll-behavior: smooth;
  }
  
  /* Styles code blocks in the page bottom How It Works */
  
  pre.json {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    overflow: auto;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    color: #333;
    white-space: pre-line;
  }
  
  pre.html {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    overflow: auto;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    color: #333;
    white-space: pre-line;
  }
  
  pre.json {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
    overflow: auto;
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    color: #333;
  }
  pre.json .string {
    color: #d14;
  }
  
  pre.json .number {
    color: #009;
  }
  
  pre.json .boolean {
    color: #d14;
  }
  
  pre.json .null {
    color: #666;
  }
  
  pre.json .key {
    color: #900;
  }