.showListUl {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

.showListUl li {
  margin-top: 5px;
  position: relative;
}

.showRecord {
  position: relative;  
}

.showNameSpan {
  border: 1px solid black;
  /* border-radius: 5px 10px; */
  border-radius: 6px;
  background: #9c9c9a;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.showRating {
  color: #ffee00;

  position: absolute;
  left: -28px;
  top: -20%;
  /* top: -10px; 
  left: 50%;  */

  width: 15px;

  padding: 5px 10px;
  text-align: center; 
  __font-size: 22px;
  /* margin-left: -25px;   */
}

.yearSpan {
  border-radius: 5px 10px;
  background: #73AD21;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
}

.showSeriesSpan {
  border-radius: 5px 10px;
  background: #ad8121;
  padding: 2px;
}

.showTypeSpan {
  border-radius: 5px 10px;
  padding: 4px;
}

.showTypeSciFi {
  background: #3ec4db;
}

.showTypeHorror {
  background: #f73636;
}