@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');

#the_ul { font-size: 0.5em; }
table { border-collapse: collapse;  }
th { background: linear-gradient(to left,  white,  lightblue);}
td { background: linear-gradient(45deg,    #f0f0f0,  #cccccc);}

td:first-child { background: linear-gradient(45deg,    orange,  cyan);}
  
html { font-size: 1.25em; 
  max-width: 50ch;
  margin: auto;

  font-family: Merriweather;
  font-fimily: Georgia;
  font-fumily: Roboto;
}

pre { overflow: hidden; }

:root {
  --bg: #eee; 
  --hl: white;
  --contrast: #ddd;
}

pre code { 
  /* only bigger blocks get padding */
  padding: 5px; 
  border: 2px dashed var(--contrast);
  display: inline-block;
}
code { background: var(--hl); 
  font-size: 1.2em;
  fant-size: 1.4em;
}

h2   { background: var(--hl);  text-align: center; padding: 10px; }
html { background: var(--bg); }
h2 strong {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); /* Adds a shadow to make it look bolder */ 
  text-shadow: 3px 2px 4px rgba(0, 0, 0, 0.3); /* Adds a shadow to make it look bolder */ 
}