::-webkit-scrollbar {
    display: none;
}
:root {
    --starshamus: #B8EEF1;
    --moonmarooner: #BF68F6;
    --lonesunranger: #F4FA9C;
    --galacticguard: #FD89DD;
}
.ss {
    color: var(--starshamus);
    text-shadow: 0 0 3px var(--starshamus), 0 0 6px var(--starshamus);
}
.mm {
    color: var(--moonmarooner);
    text-shadow: 0 0 3px var(--moonmarooner), 0 0 6px var(--moonmarooner);
}
.lsr {
    color: var(--lonesunranger);
    text-shadow: 0 0 3px var(--lonesunranger), 0 0 6px var(--lonesunranger);
}
.gg {
    color: var(--galacticguard);
    text-shadow: 0 0 3px var(--galacticguard), 0 0 6px var(--galacticguard);
}
html, body {
    margin: 0;
    padding: 0;
    font-family: monospace;
    font-size: 13px;
    color: white;
    text-shadow: 0 0 3px white, 0 0 6px white;
    background-color: #181818;
}
body {
    margin: 52px 91px 52px 91px;
    background: transparent;
}
a {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
    box-shadow: 0 6px 6px -6px white;
}
pre {
    margin: 0;
    padding: 0;
    font-family: monospace;
    font-size: 13px;
    color: white;
    text-shadow: 0 0 3px white, 0 0 6px white;
}
textarea {
    background: transparent;
    border: none;
    color: white;
    text-shadow: 0 0 3px white, 0 0 6px white;
    resize: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    font-size: 13px;
    display: block;
    white-space: pre;
}
button {
    margin: 0;
    padding: 0;
    font-family: monospace;
    font-size: 13px;
    color: white;
    border: none;
    text-shadow: 0 0 3px white, 0 0 6px white;
    background: transparent;
}
button:hover {
    cursor: pointer;
}
.ctr {
    background: linear-gradient(rgba(20, 20, 20, 0) 66%, rgba(0, 0, 0, .15) 33%);
    background-size: 100% 3px;
    box-shadow: inset 0 0 100px 25px rgb(0, 0, 0, 0.95);
    content: "";
    pointer-events: none;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}
.prev {
    position: fixed;
    top: 65px;
    left: 65px;
    font-size: 13px;
    text-shadow: 0 0 3px white, 0 0 6px white;
}
.next {
    position: fixed;
    top: 65px;
    right: 65px;
    text-align: right;
    font-size: 13px;
    text-shadow: 0 0 3px white, 0 0 6px white;
}
.page {
    position: fixed;
    bottom: 65px;
    left: 65px;
    font-size: 13px;
    text-shadow: 0 0 3px white, 0 0 6px white;
}
.totop {
    position: fixed;
    bottom: 65px;
    right: 65px;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.hover-container {
    display: block;
}
.hover-content {
    display: none;
    pointer-events: none;
}
.hover-container:hover .default {
    display: none;
}
.hover-container:hover .hover-content {
    display: block;
}
  .flame {
      color: red;
      text-shadow: 0 0 6px red, 0 0 12px red;
      position: absolute;
      top: 0;
      left: 0;
  }

  .flame2 {
      color: yellow;
      text-shadow: 0 0 6px orange, 0 0 12px orange;
      position: absolute;
      top: 0;
      left: 0;
  }

.flicker {
    position: absolute;
    top: 0;
    left: 0;
    color: rgb(255, 255, 255, 0.6);
    animation: flicker 3s infinite alternate;
}
@keyframes flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        text-shadow: 0 0 3px white, 0 0 6px white;
    }
    20%, 24%, 55% {
        text-shadow: none;
    }
}

.blink {
    animation: blink-animation 1s steps(10, start) infinite;
}
@keyframes blink-animation {
    to {
    visibility: hidden;
}
}