.html {
  overflow-y: scroll;
}

body {
  font-family:
    ms gothic,
    Arial,
    Helvetica,
    sans-serif,
    poppins,
    Paradise16;
  padding-top: 30px;
  background: #ffffff;
  background-image: repeating-linear-gradient(
      45deg,
      rgba(164, 211, 255, 0.06) 1px,
      rgba(164, 211, 255, 0.06) 55px,
      transparent 55px,
      transparent 110px
    ),
    repeating-linear-gradient(
      135deg,
      rgba(164, 211, 255, 0.06) 1px,
      rgba(164, 211, 255, 0.06) 55px,
      transparent 55px,
      transparent 110px
    ),
    linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 255, 255));
  position: sticky;
}

a:link {
  color: #285ace;
  text-decoration-line: none;
}

a:visited {
   color: #285ace;
  text-decoration-line: none;
  
}

a:hover {
  color: #ff9547;
  text-decoration-line: none;
}

@font-face {
  font-family: "Paradise16";
  src: url(https://dimden.dev/fonts/pixelfonts/Web437_Paradise132_7x16.woff) format(woff);
}

.container {
  width: 1000px;
  height: fit-content;
  margin: auto;
  align-content: center;
  justify-content: center;
  font-family: Poppins, Paradise16;
}

.flex {
  display: flex;
  width: 1000px;
  align-items: center;
}

.lsidebar {
  overflow-y: scroll;
  width: 800px;
  height: 520px;
  margin: 5px;
  background: rgba(255, 255, 255, 0.81);
  margin-top: 20px;
  border-left: solid #285ace 1px;
  border-right: solid #285ace 1px;
  border-bottom: solid #285ace 1px;
  border-radius: 8px;
  font-size: 18px;
  text-transform: lowercase;
  font-family: Poppins, Paradise16;
}

.header {
  background: rgb(123, 207, 252);
  border-bottom: 1px solid rgba(40, 90, 206, 0);
  border-top: 1px solid #285ace;
  text-align-last: left;
  padding: 3px;
  color: #fff;
  text-transform: none;
  padding-left: 10px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-bottom: 5px;
  font-family: poppins;
  font-size: 18px;
  position: sticky;
  top: 0;
}

.lsidebar::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

.rsidebar::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

.rsidebar {
  overflow-y: hidden;
  width: 250px;
  height: 500px;
  margin: 5px;
  margin-top: 20px;
  background: url("images/nichijoubg.png");
  background-position-x: center;
  filter: hue-rotate(320deg) opacity(50%) saturate(175%);
  border: solid #188bff 1px;
  padding: 10px;
  border-radius: 10px;
  font-family: Poppins, Paradise16;
  color: #ffffff;
}

.innertext {
  font-size: 20px;
  height: 500px;
  mix-blend-mode: difference;
  align-content: flex-end;
}
details {
  font-size: 14px;
  color: #3048d0;
  margin: 2px;
  padding: 5px;
  border-bottom: dashed #cbcbcb 1px;
}

details p {
  font-size: 14px;
  color: #102c64;
  padding-right: 2px;
}

.typetag {
  background-color: rgba(102, 213, 255, 0.33);
  border-radius: 2px;
  border: solid #97bfff 1px;
  font-size: 9px;
  top: 100px;
  padding: 2px;
  color: #5c99ff;
}

.topictag {
  background-color: rgba(189, 255, 141, 0.33);
  border-radius: 2px;
  border: solid #aadd5a 1px;
  font-size: 9px;
  top: 100px;
  padding: 2px;
  color: #7dcc3a;
}

.specialtag {
  background-color: rgba(244, 208, 53, 0.33);
  border-radius: 2px;
  border: solid #edb343 1px;
  font-size: 9px;
  top: 100px;
  padding: 2px;
  color: #e09f23;
}

.warningtag {
  background-color: rgba(255, 71, 71, 0.33);
  border-radius: 2px;
  border: solid #e8427b 1px;
  font-size: 9px;
  top: 100px;
  padding: 2px;
  color: #d2216a;
}

.misctag {
  background-color: rgba(180, 180, 180, 0.33);
  border-radius: 2px;
  border: solid #bababa 1px;
  font-size: 9px;
  top: 100px;
  padding: 2px;
  color: #a4a4a4;
}

.yeartag {
  font-size: 20px;
  margin-left: 5px;
  padding: 2px;
  color: #47a9ff;
}
.tooltip {
  position: relative;
  display: inline-block;
  cursor: default;
}


.textoveride {
  text-transform: none;
}


.tooltip .tooltiptext {
  visibility: hidden;
  padding: 0.25em 0.5em;
  background-color: rgba(141, 170, 204, 0.62);
  color: #4d75ac;
  text-align: center;
  border-radius: 0.25em;
  white-space: nowrap;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  transition-property: visibility;
  transition-delay: 0s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  transition-delay: 0.3s;
}

hr.solid {
  border-top: 2px solid;
  border-bottom: none;
  margin-right: 400px;
  margin-bottom: 2px;
  color: rgb(123, 207, 252);
  margin-top: 2px;
}