body {
    margin: 40px;
    margin-top: 50px;
    font-family: monospace;
    font-size: 14px;
    line-height: 20px;
    text-size-adjust: 100%;
    overflow-y: hidden; /* Hide vertical scrollbar */
    overflow-x: hidden; /* Hide horizontal scrollbar */
}

a,
a:visited {
    color: rgb(0, 255, 0);
    #text-shadow: 1px 1px 8px white;
    text-decoration: none;
    animation: poopy 0.5s linear 0s;
}

@keyframes poopy {
  from {
    color: rgba(0,255,0,255);
  }
  50% {
    color: rgba(255,255,255,255);
  }
  100% {
    opacity: rgba(0,255,0,255);
  }
}

a:hover {
    font-weight: bolder;
    transition: 130ms linear;
    opacity: 1;
    -webkit-animation: flash 0.3s infinite;
    animation: flash 0.7s linear 0s infinite;
}

.flash:hover {
 opacity: 1;
 -webkit-animation: flash 0.3s infinite;
 animation: flash 0.3s linear 0s infinite;
}

@-webkit-keyframes flash {
 0% { opacity: .3; }
 100% { opacity: 1; }
}


@keyframes flash {
  from {
    opacity: .0;
  }
  10% {
    opacity: .1;
  }
  50% {
    opacity: .5;
  }
  75% {
    opacity: .75;
  }
  100% {
    opacity: 1;
  }
}






input,
input:focus {
    border: none;
    color: white;
    background: transparent;
    font-family: monospace;
    font-size: 14px;
    outline: none;
}

 ::selection {
    background: rgba(255, 0, 0, 0.3);
    padding: 3px;
}

hr {
    width: 15%;
    margin-left: 0px;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.fast-rainbow-no-change {
  animation: colorRotate 1s linear 0s infinite;
}



code,
.header {
    color: rgb(255, 255, 255);
    #text-shadow: 1px 1px 8px black;
    user-select: none;
}

.hashtag {
  color: rgb(255, 0, 0);
  #text-shadow: 1px 1px 8px black;
  user-select: none;

}

.depression {
  color: rgba(0, 0, 0, 0.5);
  #text-shadow: 1px 1px 1px black;
  user-select: none;
  font-size: 1px;

}

.header {
    font-weight: bold;
    text-decoration-line: underline;
}

@font-face {
  font-family: nasty;
  src: url(nasty.woff2);
}

.intro_title {
    font-family: nasty;
    font-weight: bold;
    font-size: 20px;
    color: white;
}

.info {
    color: white;
    z-index: 1500;
    padding-left: 10px;
    margin-left: 10px;
    /* removes ugly white border on left side xoxo
    border-left: 1px solid rgba(255, 255, 255, .4);
    */
}

.info span {
    display: block;
}

.perma-banned {
    font-weight: bold;
    color: red;
}

.temp-banned {
    font-weight: bold;
    color: orange;
}

.not-banned {
    font-weight: bold;
    color: rgba(0, 255, 0, 255);
    
    animation-name: fadeAway;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 0s;
}

.not-banned2 {
    font-weight: bold;
    color: rgba(0, 255, 0, 255);
}


@keyframes fadeAway {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}

.rainbow {
    text-align: center;
    text-decoration: underline;
    font-size: 32px;
    font-family: monospace;
    letter-spacing: 5px;
}
.rainbow_text_animated {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 3s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}


.fast-rainbow {
  text-align: center;
  /* text-decoration: underline; */
  font-size: 32px;
  /* font-family: monospace; */
  letter-spacing: 5px;
  animation: colorRotate 1s linear 0s infinite;
}

@keyframes colorRotate {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}






#background,
#background-cover {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#background {
    background: rgba(0,0,0,255);
    /*background: no-repeat center center fixed url('fucking_leechers.gif');*/
    z-index: -6;
    background-size: cover;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    image-rendering: optimize-contrast;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
}


#background2,
#background2-cover {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
  min-height: 100%;
}

#background2 {
    background: rgba(0,0,0,255);
    /*background: no-repeat center center fixed url('fucking_leechers.gif');*/
    z-index: -5;
    background-size: cover;
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    image-rendering: optimize-contrast;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    filter: blur(2px);
    filter: brightness(25%);
}

#background-cover {
    background-color: #1d1f21;
    opacity: 0.8;
    z-index: -1;
}

#hashtag {
  color: red;
}