Cool.css

body {
  font-family: "Crimson Pro", serif;
  background: url(TGC.jpg);
  background-size: cover;
}
.coolTitle {
  text-align: center;
  font-family: "Oswald", Helvetica, sans-serif;
  font-size: 80px;
  transform: skewY(-10deg);
  letter-spacing: 4px;
  word-spacing: -8px;
  color: tomato;
  text-shadow: -1px -1px 0 firebrick, -2px -2px 0 firebrick,
    -3px -3px 0 firebrick, -4px -4px 0 firebrick, -5px -5px 0 firebrick,
    -6px -6px 0 firebrick, -7px -7px 0 firebrick, -8px -8px 0 firebrick,
    -30px 20px 40px dimgrey;
}

.Done {
  text-decoration: line-through;
}

.Spacing {
  line-height: 14pt;
}

.Heading {
  font-size: 5em;
  font-weight: bolder;
  display: flex;
  justify-content: center;
  color: antiquewhite;
}

.Sub {
  font-size: 2em;
  font-family: "Times New Roman", Times, serif;
  margin-left: 20px;
  color: rgb(255, 255, 255);
  display: flex;
  display: grid;
}

.Box {
  background-color: aliceblue;
  border: 5px white;
  border-radius: 10px;
  padding: 10px;
  stroke: none;
  margin-left: 20px;
}

li {
  font-size: larger;
  color: aliceblue;
  margin: 5px;
  cursor: pointer;
}