HTML { background: #cecece; color: #191919; height: 100%; margin: 0 }
P {
  white-space: pre-wrap;
}
BODY { display: flex; gap: 1rem; min-height: 90%; }
.center {
  font-family: "Trebuchet MS", sans-serif;
  margin-inline: auto;
  width: fit-content;
  font-size: 18px;
  flex: 2;
}
TD { font-size:18px; padding: 2px; padding-right:10px;}
TABLE { margin-bottom: 4px; width: 100% }
H1 { text-align: center; color: black }
tr:nth-child(odd) {
  background-color: #cbcbcb;
}

tr:nth-child(even) {
  background-color: #d1d1d1;
}
.num {
  width: 30px;
}
.margin {
  flex: 1; min-width: 0; display: flex;
}
.margin img {
  width: 100%; display: block; object-fit: fill;
}
@media (max-width: 1100px) {
  .margin {
    display: none;
  }
}