.App {
  height: 100vh;
  width: 100vw;
  margin: auto;

  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;

  &>.header {
    padding: 0.5em;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    gap: 0.5em;

    box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.8);

    &>.title {
      font-weight: bold;
      font-size: 1.5em;
      font-family: monospace;
    }

    &>.option {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 1em;

      &>.label {
        font-weight: bold;
        font-family: monospace;
      }

      &>.value {
        font-family: monospace;
        padding: 0 0.2em;
        border-radius: 0.5em;
        border: 0.1em solid rgba(0, 0, 0, 0.2);
        font-family: monospace;
      }
    }
  }
}