body {
  color: darkslategrey;
  background-color: ivory;
}

h1 { color: crimson; }
h2 { color: royalblue; }

p { color: darkolivegreen; }

a { color: orangered; }
a:hover { color: gold; }

ul { color: teal; }
ol { color: darkmagenta; }
li { color: saddlebrown; }

dl { border-left: 5px solid skyblue; }
dt { color: darkblue; }
dd { color: slategrey; }

table { border: 2px solid darkcyan; }
th { background-color: powderblue; color: midnightblue; }
td { color: darkslategrey; border: 1px solid aquamarine; }
caption { color: indianred; }
/* 1. First class for spans */
.keyword {
  background-color: yellow;
  font-weight: bold;
}

/* 2. Second class for spans */
.vocab {
  color: #2e7d32;
  text-decoration: underline;
}

/* 3. The ID selector for your jump link */
#my-favorite-section {
  border-left: 5px solid blue;
  padding-left: 10px;
}