.text-monospace {
  font-family: monospace;
}
.text-blue {
  color: var(--bs-blue);
}
.text-indigo {
  color: var(--bs-indigo);
}
.text-purple {
  color: var(--bs-purple);
}
.text-pink {
  color: var(--bs-pink);
}
.text-red {
  color: var(--bs-red);
}
.text-orange {
  color: var(--bs-orange);
}
.text-yellow {
  color: var(--bs-yellow);
}
.text-green {
  color: var(--bs-green);
}
.text-teal {
  color: var(--bs-teal);
}
.text-cyan {
  color: var(--bs-cyan);
}
.text-white {
  color: var(--bs-white);
}
.text-gray {
  color: var(--bs-gray);
}
.text-gray-dark {
  color: var(--bs-gray-dark);
}
.bg-blue {
  background-color: var(--bs-blue);
}
.bg-indigo {
  background-color: var(--bs-indigo);
}
.bg-purple {
  background-color: var(--bs-purple);
}
.bg-pink {
  background-color: var(--bs-pink);
}
.bg-red {
  background-color: var(--bs-red);
}
.bg-orange {
  background-color: var(--bs-orange);
}
.bg-yellow {
  background-color: var(--bs-yellow);
}
.bg-green {
  background-color: var(--bs-green);
}
.bg-teal {
  background-color: var(--bs-teal);
}
.bg-cyan {
  background-color: var(--bs-cyan);
}
.bg-white {
  background-color: var(--bs-white);
}
.bg-gray {
  background-color: var(--bs-gray);
}
.bg-gray-dark {
  background-color: var(--bs-gray-dark);
}
.border-blue {
  border-color: var(--bs-blue);
}
.border-indigo {
  border-color: var(--bs-indigo);
}
.border-purple {
  border-color: var(--bs-purple);
}
.border-pink {
  border-color: var(--bs-pink);
}
.border-red {
  border-color: var(--bs-red);
}
.border-orange {
  border-color: var(--bs-orange);
}
.border-yellow {
  border-color: var(--bs-yellow);
}
.border-green {
  border-color: var(--bs-green);
}
.border-teal {
  border-color: var(--bs-teal);
}
.border-cyan {
  border-color: var(--bs-cyan);
}
.border-white {
  border-color: var(--bs-white);
}
.border-gray {
  border-color: var(--bs-gray);
}
.border-gray-dark {
  border-color: var(--bs-gray-dark);
}
.material-icons {
  vertical-align: middle;
}
#main {
  min-height: 100VH;
}
.modal {
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}
.modal.hidden {
  display: none;
}
.modal .container {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 200px;
}