body {
  font-family: helvetica, arial, sans-serif;
  margin: 2em;
  height: 100vh;
}

h1 {
  margin-block-end: 0;
}

body > a {
  display: block;
  margin-block-end: 1.4em;
}

label {
  font-family: monospace;
  display: block;
  margin-bottom: 8px;
}

.error {
  color: red;
}

input {
  width: 80px;
}

video {
/*   background: #ddd; */
  position: absolute;
  right: 20px;
  top: 20px;
  aspect-ratio: 16/9;
/*   outline: 2px solid #ddd; */
  max-width: 240px;
}

#logs {
  white-space: pre-wrap;
}

@media screen and (min-width: 640px) {
  body {
    margin: 2em auto;
    max-width: calc(640px - 2em);
  }
  input {
    width: 140px;
  }
}