body {
  /* body text */
    font-family: 'Comic Sans MS';
    background-color: #FEFFF5;
    text-align: left;
    color: #1F2E0F;

  }
  /* header 1 text */
  h1 {
    font-family: 'Comic Sans MS';
    color: #3A6129;
    text-align: center;
  }
  /* header 2 text */
  h2 {
    font-family: 'Comic Sans MS';
    color: #3A6129;
    text-align: center;
  }
  /* header 3 text */
  h3 {
    font-family: 'Comic Sans MS';
    color: #3A6129;
    text-align: center;
  }
  /* header 4 text */
  h4 {
    font-family: 'Comic Sans MS';
    color: #3A6129;
    text-align: center;
  }
  /* paragraph text */
  p {
    font-family: 'Comic Sans MS';
    color: #1F2E0F;
    text-align: left;
    margin: auto;

  }
  /* highlighter text */
  .highlight {
    background-color: #FF9AA2;
    color: #1F2E0F;
}

 /* unvisited link */
 a:link {
    color: #749441;
  }
  
  /* visited link */
  a:visited {
    color: #5E8132;
  }
  
  /* mouse over link */
  a:hover {
    color: #5E8132;
  }
  
  /* selected link */
  a:active {
    color: #5E8132;
  } 
  /* spoilers over text (hidden) */
  .spoiler {
    background-color: #1F2E0F;
    color:#1F2E0F;
  }
  /* spoilers when hovering over (reveal) */
  .spoiler:hover {
    background-color: #1F2E0F;
    color: #FEFFF5;
  }
  /* container in which text sits in, within a container/centers text */
#container {
    /* this is the width of your layout! */
    /* if you change the above value, scroll to the bottom and change the media query according to the comment! */
  max-width: 700px;
    /* this centers the entire page */
  margin: 0 auto;
    }
    /* bullet point list style */
    .myUL {
      display: inline-block;
      text-align: left;
    }