body {
  background: url("https://cdn.glitch.global/2c8296a9-2c47-4446-85e2-c8e0a113590f/3HeZ.gif?v=1708681692031"), linear-gradient(to right, blue, navy);
  background-color: navy;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
}

header.mindustrial-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.6s;
  padding: 20px 0;
  background-color: #000033;
  border: 5px white none;
  box-shadow: 0 10px 10px black;
  color: white;
  z-index: 40000;
}

header.mindustrial-header .mindustrial-logo {
  position: relative;
  transition: 0.6s;
  padding: 0 30px;
  color: aqua;
}

header.mindustrial-header ul {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 50px;
}

header.mindustrial-header ul li {
  position: relative;
  list-style: none;
}
header.mindustrial-header ul li a {
  position: relative;
  margin: 0 15px;
}

dl.ainz1 dt > code.d {
  color: aqua;
}

.tooltip, .tooltip2, .tooltip3 {
  position: relative;
  display: inline-block;
}

.tooltip .here, {
  opacity: 0;
  transition: opacity 1s;
  background-color: black;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip2 .here {
  opacity: 0;
  transition: opacity 1s;
  background-color: black;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 180px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -30px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip3 .here {
  opacity: 0;
  transition: opacity 1s;
  background-color: black;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 240px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -30px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip4 .here {
  opacity: 0;
  transition: opacity 1s;
  background-color: black;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 300px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -30px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

.tooltip:hover .here, .tooltip2:hover .here, .tooltip3:hover .here,
.tooltip4:hover .here {
  opacity: 1;
  cursor: pointer;
}

.tooltip .here:hover, .tooltip2 .here:hover, .tooltip3 .here:hover,
.tooltip4 .here:hover {
  opacity: 0;
  cursor: default;
}

tr.available td:nth-last-child(2) {
  color: lime;
}

tr.available td:nth-child(1) {
  color: white;
}

tr.experimental td:nth-last-child(2), tr.experimental td:nth-child(1) {
  color: magenta;
}

tr.deprecated td:nth-last-child(2), tr.deprecated td:nth-child(1) {
  color: orangered;
}

tr.removed td:nth-last-child(2), tr.removed td:nth-child(1) {
  color: red;
}

tr.removed td:nth-child(1) {
  text-decoration: line-through;
}

tr.removed td:nth-last-child(2) {
  content: "removed";
}

tr.future td:nth-last-child(2) {
  content: "future add";
  font-style: italic;
}

tr.future td:nth-last-child(2), tr.future td:nth-child(1) {
  color: aqua;
}

#owofficial:hover, #owofficial2:hover, #owofficial3:hover {
  color: cyan;
  cursor: pointer;
}

/* classes */

tr.ava-op2 {
  background-color: rgba(0, 255, 0, 0.2);
}
tr.ava-op2 td:nth-child(1) {
  text-decoration: none;
}
tr.ava-op2 td:nth-last-child(1)::before {
  color: chartreuse;
  content: "available";
}

tr.ava-op3 {
  background-color: rgba(0, 255, 0, 0.3);
}
tr.ava-op3 td:nth-child(1) {
  text-decoration: none;
}
tr.ava-op3 td:nth-last-child(1)::before {
  color: chartreuse;
  content: "available";
}


tr.exp-op2 {
  background-color: rgba(255, 0, 255, 0.2);
}
tr.exp-op2 td:nth-child(1) {
  text-decoration: none;
}
tr.exp-op2 td:nth-last-child(1)::before {
  color: fuchsia;
  content: "experimental";
}

tr.exp-op3 {
  background-color: rgba(255, 0, 255, 0.3);
}
tr.exp-op3 td:nth-child(1) {
  text-decoration: none;
}
tr.exp-op3 td:nth-last-child(1)::before {
  color: fuchsia; /* same as magenta */
  content: "experimental";
}

tr.dep-op2 {
  background-color: rgba(255, 165, 0, 0.2);
}
tr.dep-op2 td:nth-child(1) {
  text-decoration: none;
}
tr.dep-op2 td:nth-last-child(1)::before {
  color: orange;
  content: "deprecated";
}

tr.dep-op3 {
  background-color: rgba(255, 165, 0, 0.3);
}
tr.dep-op3 td:nth-child(1) {
  text-decoration: none;
}
tr.dep-op3 td:nth-last-child(1)::before {
  color: orange;
  content: "deprecated";
}

tr.rem-op2 {
  background-color: rgba(255, 0, 0, 0.2);
}
tr.rem-op2 td:nth-child(1) code {
  color: red;
  text-decoration: line-through;
}
tr.rem-op2 td:nth-last-child(1)::before {
  color: red;
  content: "removed";
}

tr.rem-op3 {
  background-color: rgba(255, 0, 0, 0.3);
}
tr.rem-op3 td:nth-child(1) code {
  color: red;
  text-decoration: line-through;
}
tr.rem-op3 td:nth-last-child(1)::before {
  color: red;
  content: "removed";
}

tr.unr-op2 {
  background-color: rgba(198, 198, 198, 0.2);
}
tr.unr-op2 td:nth-child(1) {
  color: rgb(198, 198, 198);
  text-decoration: none;
}
tr.unr-op2 td:nth-last-child(1)::before {
  color: gray;
  content: "unrealized";
}

tr.unr-op3 {
  background-color: rgba(198, 198, 198, 0.3);
}
tr.unr-op3 td:nth-child(1) {
  color: rgb(198, 198, 198);
  text-decoration: none;
}
tr.unr-op3 td:nth-last-child(1)::before {
  color: gray;
  content: "unrealized";
}

tr.ipr-op2 {
  background-color: rgba(0, 255, 255, 0.2);
}
tr.ipr-op2 td:nth-child(1) {
  text-decoration: none;
}
tr.ipr-op2 td:nth-last-child(1)::before {
  color: cyan;
  content: "in projection";
}

tr.ipr-op3 {
  background-color: rgba(0, 255, 255, 0.3);
}
tr.ipr-op3 td:nth-child(1) {
  text-decoration: none;
}
tr.ipr-op3 td:nth-last-child(1)::before {
  color: cyan;
  content: "in projection";
}


tr.no-js.ava-op2 td:nth-child(1) code a,
tr.no-js.ava-op3 td:nth-child(1) code a,
tr.no-js.exp-op2 td:nth-child(1) code a,
tr.no-js.exp-op3 td:nth-child(1) code a,
tr.no-js.dep-op2 td:nth-child(1) code a,
tr.no-js.dep-op3 td:nth-child(1) code a {
  font-style: oblique;
  color: #fcba03;
}

tr.no-js.rem-op2 td:nth-child(1) code a,
tr.no-js.rem-op3 td:nth-child(1) code a {
  font-style: oblique;
  color: red;
}

tr.rem-op2 td:nth-child(1) code:hover,
tr.rem-op3 td:nth-child(1) code:hover,
tr.rem-op2 td:nth-child(1) code a:hover,
tr.rem-op3 td:nth-child(1) code a:hover,
tr.no-js.ava-op2 td:nth-child(1) code a:hover,
tr.no-js.ava-op3 td:nth-child(1) code a:hover,
tr.no-js.exp-op2 td:nth-child(1) code a:hover,
tr.no-js.exp-op3 td:nth-child(1) code a:hover,
tr.no-js.dep-op2 td:nth-child(1) code a:hover,
tr.no-js.dep-op3 td:nth-child(1) code a:hover,
tr.no-js.rem-op2 td:nth-child(1) code a:hover,
tr.no-js.rem-op3 td:nth-child(1) code a:hover,
tr.no-js.ipr-op2 td:nth-child(1) code a:hover,
tr.no-js.ipr-op3 td:nth-child(1) code a:hover {
  text-decoration: none;
  color: aqua;
  text-shadow: 0 0 5px cyan, 0 0 25px cyan;
  animation: none;
}