table {
  width: 100%;
  margin-bottom: 20px;
}

:host /deep/ table.mat-table {
  background: rgba(255, 255, 255, 0.6);
}

h1 {
  text-align: center;
  margin-bottom: 30px;
}

td > img {
  margin: 5px 2px;
}

.mat-column-image {
  width: 160px;
}

.mat-column-fraction {
  width: 90px;
  text-indent: 10px;
}

.mat-column-description {
  width: 55%;
}

tr.mat-row:hover {
  background: rgba(231, 231, 231, 0.6);
}

:host /deep/ table.fixed-header-table > thead {
  position: fixed;
  display: inherit;
  width: 1100px;
  background: white;
  top: 50px;
}