body {
  font-family: Verdana, sans-serif;
  font-size: 9pt;
}

.bold {
  font-weight: bold;
}

.italic,
.italics {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.value {
  font-family: "Courier New", monospace;
  font-size: 8pt;
  display: inline-block;
}

table.matrix {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 7pt;
}

.matrix td {
  text-align: center;
  padding: 0 1ex 0ex 1ex;
}

table.matrixbrak {
  border-collapse: collapse;
  border-spacing: 0;
}

table.matrixbrak td.lbrak {
  width: 0.8ex;
  font-size: 50%;
  border-top: solid 0.25ex black;
  border-bottom: solid 0.25ex black;
  border-left: solid 0.5ex black;
  border-right: none;
}

table.matrixbrak td.rbrak {
  width: 0.8ex;
  font-size: 50%;
  border-top: solid 0.25ex black;
  border-bottom: solid 0.25ex black;
  border-right: solid 0.5ex black;
  border-left: none;
}

.green {
  color: hsl(133, 100%, 51%);
}

.darkgreen {
  color: hsl(120, 100%, 25%);
}

.grey {
  color: hsl(0, 0%, 51%);
}

.red {
  color: hsl(0, 100%, 50%);
}

.crimson {
  color: hsl(348, 83%, 47%);
}

.maroon {
  color: hsl(0, 100%, 25%);
}

.brown {
  color: hsl(21, 58%, 35%);
}

.blue {
  color: hsl(240, 100%, 50%);
}

.black {
  color: hsl(0, 0%, 0%);
}

.white {
  color: hsl(0, 0%, 0%);
}

.darkgray {
  color: hsl(0, 0%, 50%);
}

.gray {
  color: hsl(0, 0%, 66%);
}

.yellow {
  color: hsl(48, 100%, 50%);
}

.pink {
  color: hsl(350, 100%, 88%);
}

.cyan {
  color: hsl(180, 100%, 50%);
}

.orange {
  color: hsl(33, 100%, 50%);
}

.nicegreen {
  color: hsl(133, 79%, 37%);
}

.brute {
  color: #ff3333;
}

.burn {
  color: #ff9933;
}

.tox {
  color: #00cc66;
}

.oxy {
  color: #0053fa;
}

.clone {
  color: #00cccc;
}

/* Dark Mode */
.dark body {
  background-color: #131313;
  color: #f0f6fc;
}

.dark a {
  color: rgb(68, 147, 248);
}

.dark select {
  background-color: black;
  color: white;
}

.dark input {
  background-color: black;
  color: white;
}

.dark .green {
  color: hsl(133, 93%, 30%);
}

.dark .darkgreen {
  color: hsl(120, 100%, 25%);
}

.dark .grey {
  color: hsl(0, 0%, 51%);
}

.dark .red {
  color: hsl(0, 100%, 50%);
}

.dark .crimson {
  color: hsl(348, 83%, 47%);
}

.dark .maroon {
  color: hsl(0, 100%, 39%);
}

.dark .brown {
  color: hsl(21, 69%, 55%);
}

.dark .blue {
  color: hsl(224, 98%, 62%);
}

.dark .black {
  color: hsl(0, 0%, 100%);
}

.dark .white {
  color: hsl(0, 0%, 100%);
}

.dark .darkgray {
  color: hsl(0, 0%, 50%);
}

.dark .gray {
  color: hsl(0, 0%, 66%);
}

.dark .yellow {
  color: hsl(48, 100%, 50%);
}

.dark .pink {
  color: hsl(350, 100%, 88%);
}

.dark .cyan {
  color: hsl(180, 100%, 50%);
}

.dark .orange {
  color: hsl(33, 100%, 50%);
}

.dark .nicegreen {
  color: hsl(133, 93%, 30%);
}