body{
  text-align: center;
  background-image: url("https://thumbs.dreamstime.com/b/brown-dark-wooden-background-wood-pure-natural-wallpaper-brown-dark-wooden-background-wood-pure-natural-wallpaper-wooden-texture-346434736.jpg");
  background-size: cover;
  margin-top: 45px;
}


h1{
  color: #f4e9d0;
  text-shadow: 3px 3px 4px black;
}


th{
  color: #f4e9d0;
  text-shadow: 3px 3px 4px black;
}


.priority{
  font-size: 40px;
  font-weight: bold;
  color: #f4e9d0;
}


table{
  margin: 0px auto;
  width: 67%;
  height: 30%;
}


tr[class="read"] {
  background-image: linear-gradient(to right, #d7c4a3, #c2a77d);
}


tr[class="to-read"] {
  background-image: linear-gradient(to right, #efe0c0, #e0c9a0);
}


tr[class="in-progress"] {
  background-image: linear-gradient(to right, #d9b98a, #b8905a);
}


span {
  display: inline-block;
}


tr[class="to-read"] span[class="status"] {
  border: 2px solid black;
  border-radius: 14px;
  background-image: linear-gradient(#a8434a, #6e1f2a);
}


tr[class="read"] span[class="status"] {
  border: 2px solid black;
  background-image: linear-gradient(#5a6f4e, #2f5a2b);
  border-radius: 14px;
}


tr[class="in-progress"] span[class="status"] {
  border: 2px solid black;
  background-image: linear-gradient(#f0b94a, #c27a1a);
  border-radius: 14px;
}


span[class="status"],
span[class^="rate"] {
  height: 20px;
  width: 100px;
  padding: 2px;
}


span[class^="rate"] > span{
  border: 3px solid gold;
  border-radius: 45px;
  margin: 3px;
  height: 15px;
  width: 15px;
  background-color: red;
}


span[class~="one"] > span:first-child {
  background-image: linear-gradient(green, blue);
}


span[class~="two"] > span:nth-child(-n + 2) {
  background-image: linear-gradient(gold, red);
}


span[class~="three"] > span {
  background-image: linear-gradient(to right, pink, brown);
}
span[class~="none"] > span{
  background-image: linear-gradient(white, white)
}


span.format{
  display: block;
}

.reflection, .pitch{
  color: #fff3d6;
  text-shadow: 2px 2px 3px black;
  flex: 1;
  margin: 0;
  padding: 10px 120px;
}

div{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

ul{
  list-style-position: inside;

  text-align: left;
}