styles.css

.wrapper {
  width: 80%;
  margin: 25px auto;
}
.pre-lorem, .post-lorem {
  height: 500px;
  background: #ccc;
}
.caption {
  font-size: 1.25em;
  font-weight: bold;
  margin: 20px;
}
.logo {
  border: 1px solid black;
  width: 30px;
}
.board {
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid black;
  ~width: 90%;
  margin: 25px auto;
  overflow: hidden;
  z-index: 0;
  position: relative;
}
.board td {
  position: relative;
  padding: 5px 10px;
}
.board > tbody {
  background-color: white;
}
.board > tbody > tr:nth-of-type(even) {
  background-color: #eee;
}
.board > tbody > tr:hover{
  background-color: lightgreen;
}
.board tr {
  ~transition-duration: 0.2s;
  ~transition-property: all;
}
td:hover::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 10000000px;
  background: lightgreen;
  z-index: -1;
  top: -5000000px;
  left: 0;
}
.td_logo {
  text-align: center;
}