p.left-break-hyphen, .left-break-hyphen {
  text-align: left;
  word-break: normal;
  hyphens: auto;
  margin: 15px 0;
}

p.ta-left, .ta-left {
  text-align: left;
  margin: 15px 0;
}

.bold-red {
  color: red;
  font-weight: bold;
}

.container {
  max-width: 55rem;
}

.w-100 {
  width: 100%;
}

.ta-center {
  text-align: center;
}

.br-round {
  border-radius: 9999px;
}

.brk-anywhere {
  line-break: anywhere;
}

.button-orange {
  background-color: rgba(255, 165, 0, 0.4);
  border: 1px solid orange;
  padding: 0 10px 2px;
  cursor: pointer;
  display: inline-block;
}

.button-orange:active {
  background-color: rgba(12, 255, 0, 0.4);
  border: 1px solid mediumseagreen;
}

.button-green {
  background-color: rgba(12, 255, 0, 0.4);
  border: 1px solid mediumseagreen;
  padding: 0 10px 2px;
  cursor: pointer;
  display: inline-block;
}

h2 {
  margin: 20px 0 15px 0;
}

ol {
  list-style-type: decimal;
  padding-left: 40px;
}

ul {
  list-style-type: disc;
  padding-left: 40px;
}

code {
  color: lightcoral;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 0.9em;
}

input[type="checkbox"] {
  transform: scale(1.1);
}

fieldset {
  margin: 0 auto;
  text-align: left;
  width: fit-content;
  border-radius: 10px;
}

legend {
  padding: 0 5px;
  color: gray;
  font-size: 0.7em;
}

div#qr-img > svg {
  border: 1px solid black;
}