.h2 {
    color: limegreen;
  }
  .h3 {
    color: darkturquoise;
  }
  .hr_div {
    width: 90%;
    min-height: 20px;
    margin: 0% auto;
    border-radius: 50%;
    background-color: darkorange;
  }
  .nobr {
    white-space: nowrap;
  }
  .in_b {
    display: inline-block;
  }
  .brad {
    border-radius: 16px;
  }
  .hl1 {
    background-color: deepskyblue;
    border-radius: 8px;
  }
  .bg0 {
    background-color: transparent;
  }
  .bg1 {
    background-color: purple;
  }
  .bg2 {
    background-color: darkmagenta;
  }
  .fg1 {
    color: darkorange;
  }
  .fg2 {
    color: crimson;
  }
  .high {
    height: 25vw;
  }
  .text::after {
    content: "" attr(data-text) "";
  }
  /* html4 1of2 */
  .q::before {
    content: "\275D"; /* ❝ */
    color: darkorange;
  }
  .q::after {
    content: "\275E"; /* ❞ */
    color: darkorange;
  }
  .b {
    font-weight: bold;
  }
  .u {
    text-decoration: none;
    border: 0.25rem none inherit;
    border-style: none none dotted none;
  }
  .i {
    font-style: italic;
  }
  .s {
    text-decoration: line-through;
  }
  .ul::before {
    content: "\25CF\0020"; /* ● */
  }
  ol, ul {
    margin: 0px;
    padding: 0px;
  }
  ol > li, ul > li {
    list-style: none;
    list-style-type: "\0020"; /*     */
  }
  ol {
    counter-reset: ol_counter;
  }
  ol > li > s:first-child::before {
    counter-increment: ol_counter;
    content: "" counter(ol_counter) "";
  }
  q::before, q::after {
    content: "";
  }
  b, strong {
    font-weight: normal;
  }
  u, s, abbr {
    text-decoration: none;
  }
  i, em, cite, dfn {
    font-style: normal;
  }
  code, .code {
    font-family: "Courier New", Courier, monospace;
  }
  mark {
    background-color: transparent;
  }
  small {
    font-size: 100%;
  }
  /* html4 2of2 */
  @media (any-pointer: fine) {
    a:hover, button:hover, details > summary {
      cursor: pointer;
    }
  }
  /* links 1of2 */
  a {
    text-decoration: none;
  }
  .a_fg {
    color: deepskyblue;
  }
  .btn_a {
    border: none;
    padding: 0px;
    font-size: 100%;
    font-family: "Times New Roman", Times, serif;
  }
  .a::before {
    content: "\1F449\0020";
    /* 👉 */
  }
  .a::after {
    content: "\0020\1F448";
    /* 👈 */
  }
  /* links 2of2 */