.h2 {
    color: limegreen;
  }
  .h3 {
    color: darkturquoise;
  }
  .hr_div {
    width: 90%;
    min-height: 20px;
    margin: 0% auto;
    border-radius: 50%;
    background-color: darkorange;
  }
  .hl1 {
    background-color: deepskyblue;
    border-radius: 5px;
  }
  .bg1 {
    background-color: darkmagenta;
  }
  .fg1 {
    color: darkorange;
  }
  .fg2 {
    color: crimson;
  }
  .y1 {
    height: 0.85rem;
  }
  .high {
    height: 100vw;
  }
  .text::after {
    content: "" attr(data-text) "";
  }
  /* html4 1of2 */
  .q::before {
    content: "\00AB";
    color: darkorange;
  }
  .q::after {
    content: "\00BB";
    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;
  }
  q::before, q::after {
    content: "";
  }
  b, strong {
    font-weight: normal;
  }
  u, s, abbr {
    text-decoration: none;
  }
  i, em, cite, dfn {
    font-style: normal;
  }
  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_ib {
    display: inline-block;
  }
  .a_rad {
    border-radius: 15px;
  }
  .a_fg {
    color: deepskyblue;
  }
  .a_bg0 {
    background-color: transparent;
  }
  .a_bg1 {
    background-color: purple;
  }
  .btn_a {
    border: none;
    padding: 0px;
    font-size: 100%;
    font-family: "Times New Roman", Times, serif;
  }
  .a::before {
    content: "\1F449  ";
    /* 👉 */
  }
  .a::after {
    content: "  \1F448";
    /* 👈 */
  }
  /* links 2of2 */