@font-face {
    font-family: VCRFONT;
    src: url('../font/Gothica-Bold.ttf');
}
@keyframes Static {
    0% {
      background-position:0 0
    }
    100% {
      background-position:0 4px
    }
  }

  @media screen and (min-width: 601px) {
    body::after {
      content: "";
      position: fixed;
      left: 0;
      top: 0;
      opacity: 1;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1000;
      background-image: url('https://antisocial.moe/wp-content/themes/antisocial/assets/img/overlay2.png');
      background-repeat: all;
      background-position: 0 0;
      animation-name: Static;
      animation-duration: .6s;
      animation-iteration-count: infinite;
      animation-timing-function: steps(4);
    }
  }

          @media screen and (min-width: 601px) {
    body::before {
      content: "";
      position: fixed;
      opacity: 0.010;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1000;
      background-image: url('https://antisocial.moe/wp-content/themes/antisocial/assets/img/overlay.png');
      background-repeat: all;
      background-position: 0 0;
      animation-name: Static;
      animation-duration: 2s;
      animation-iteration-count: infinite;
      animation-timing-function: steps(4);
      box-shadow: inset 0 0 10em rgb(0 0 0/40%);
    }
  }

* {
    font-family: VCRFONT;
    font-size: 18px;
    color: #FFFFFF;
    cursor: url('../img/Sonic2.cur'), auto;
    text-shadow: 0 0 2px #FF0000, 0 0 2px #0000FF;
    --nightlight-strength: 0.005;
    filter: brightness(calc(1 - var(--nightlight-strength) * 1)) contrast(calc(1 + var(--nightlight-strength) * 0.2)) sepia(calc(var(--nightlight-strength) * 102%)) hue-rotate(calc(var(--nightlight-strength) * 30deg)) saturate(calc(1 + var(--nightlight-strength) * 3.5));
}

body {
    background: url(../img/images/wallpaper/bgbrick.jpg);
    background-color: #000000;
}

#ALL {
    margin: 0 auto;
}

.contentwrapper {
    text-align: center;
}

#content-container {
    height: 100%;
    width: 30%;
    margin: 0 auto;
}

#container {
    background: rgba(0, 0, 0, 0.85);
}

#inside {
    padding: 10px
}

a {
    text-decoration: none;
    cursor: url('../img/Sonic.cur'), auto;
}


li:hover::marker {
    content: '> ';
}

ul {
    list-style-type: none;
}

a:hover {
    background-color: #FFFFFF;
    text-decoration: none;
    color: #000000;
}