.screen {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.logo {
  max-width: 500px;
  margin: auto;
  padding: 1rem;
}

.hidden {
    display: none;
}

#videoOutput video{
    width: 400px;
}

.word-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  column-gap: 1rem;
  align-items: center;
}

.word-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.word-text span:first-child {
  font-weight: 600;
}

.word-text span:last-child {
  margin-left: 1rem;
}


.word-row:hover {
  background: rgba(11, 94, 215, 0.5);
}

.word-row input[type="checkbox"] {
  pointer-events: none;
}

.stats-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  align-items: center;
}

.stats-row span:first-child {
  justify-self: start;
}

.stats-row span:last-child {
  justify-self: end;
}