body {
      margin: 0;
      background: #111;
      font-family: sans-serif;
      color: white;
  }

  .input-controls,
  .statistics-feedback {
      display: flex;
      gap: 0.5rem;
      width: 75%;
      margin-bottom: 1rem;
      max-width: 1280px;
      margin: 2rem auto;
      flex-direction: column;
  }

  #video-container {
      aspect-ratio: 16 / 9;
      width: 75%;
      max-width: 1280px;
      margin: 2rem auto;
      position: relative;
      background: black;
  }

  #video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      /* or cover */
  }

  .input-controls select,
  .input-controls input,
  .input-controls button,
  .statistics-feedback p {
      padding: 0.6rem;
      font-size: 1rem;
      border: none;
      border-radius: 4px;
  }

  .input-controls select {
      flex: 0 0 180px;
      background: #333;
      color: white;
  }

  .input-controls input {
      flex: 1;
  }

  .input-controls button {
      background: #2596be;
      color: white;
      cursor: pointer;
  }

  @media (min-width: 600px) {
      .input-controls {
          flex-direction: row;
      }
  }