/******
  * CSS Syntax reference: https://www.w3schools.com/css/css_syntax.asp
  * CSS Selectors reference: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors
  *******/

  /* create an element name (type-based) selector below this comment  */
body {
 font-family: sans-serif;
 font-size: 18px;
}

table, th, td {
  border:  none;
  border-spacing: 0;
}

p, ul, ol {
  margin: 0px 0px 1.5em;
}

  /* create an id selector below this comment  */
#intro {
  font-size: 22px;
}

  /* create a class selector below this comment  */

.subtopic {
  color:  red;
}
  /* create a group of selectors (selector list) below this comment - multiple selectors separated by commas */
h1, h2, h3, .subtopic {
  margin: 2em 0 .25em;
}

  /* create a descendant selector below this comment - spaces separate the elements*/
ul li {
  margin-bottom: 1em;
}

  /* create a set of grouped descendant selectors below this comment */
  
thead th, 
tbody td {
background-color: #e0e0e0;
padding: .15em .5em;
}
  /* create a child selector below this comment - uses > between parent and child*/
ol ol > li {
  color: green;
}

  /* create an adjacent (immediately following) sibling selector below this comment - uses a + between parent and child */



  /* Here's a brief introduction to pseudo classes */
  /*
    p:first-letter {
      font-size:200%;
      color:#8A2BE2;
    }
  */