.App {
  
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  position: relative;
}

.grid-number{
  position: absolute;
  transform: translate(-50%, -50%);
  padding-left: 4px;
  padding-top: 4px;
  font-size: 2em;
}

.hidden {
  visibility: hidden;
}

.App-link {
  color: #61dafb;
}

* {
  -webkit-print-color-adjust: exact;   
}


table {
  border-collapse: collapse;
  border: 2px solid rgb(140 140 140);
  font-family: sans-serif;
  letter-spacing: 1px;
}

th,
td {
  border: 1px solid rgb(160 160 160);
  padding: 8px 10px;
}

td:last-of-type {
  text-align: center;
}

tbody > tr:nth-of-type(even) {
  background-color: rgb(237 238 242);
}