body {
  position: absolute;
  width: auto;
  min-width: 100%;

  margin: 0;
  padding: 0;
  background: #0c1d12;
  min-height: 100vh;
}

.flicker {
  pointer-events: none;
  position: fixed;
  width: auto;
  min-width: 100%;
  height: 100%;
  z-index: 15;
  background: rgba(9, 8, 8, 0.1);
  animation: flicker 0.3301s infinite;
}
.scanline {
  position: fixed;
  pointer-events: none;
  top: 0%;
  width: auto;
  min-width: 100%;
  height: 2px;
  z-index: 10;
  opacity: 0.75;
  animation: scanline 7.77s linear infinite;
  background: rgba(0, 0, 0, 0.3);
}
.scanlines {
  position: fixed;
  pointer-events: none;
  width: auto;
  min-width: 100%;
  height: 100%;
  z-index: 5;
  background:
    linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
    linear-gradient(
      90deg,
      rgba(255, 0, 0, 0.06),
      rgba(0, 255, 0, 0.02),
      rgba(0, 0, 255, 0.06)
    );
  background-size:
    100% 2px,
    3px 100%;
}

.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .5;
}

.container {
  font-family: "Tiny5", sans-serif;
  font-size: calc(min(25px, 3.3vw));
  font-weight: bolder;
  font-style: normal;
  color: #43b843;
  text-shadow: 0 0 50px #4bc265;
  text-align: center;

  padding: 16px 8px 16px 8px;
}

.title_2 {
  font-size: 1.55rem;
}

.title_6 {
  font-size: 1.5rem;
}

.items {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto;
  list-style: none;
  gap: 2.5rem;
  width: 94rem;
    margin: 0 auto;
  line-height: 150%;
}

.item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background: #0f2416;
  opacity: .8;
  padding: .5rem;
  width: 17rem;
  border: double 1rem #0c1d12;
}

.item_1 a {
  color: rgb(85, 255, 255);
  text-shadow: 0 0 50px #4bc2c2;
}
.item_2 a {
  color: rgb(255, 192, 20);
  text-shadow: 0 0 50px #c2b04b;
}
.item_3 a {
  color: rgb(96, 85, 255);
  text-shadow: 0 0 50px #4b57c2;
}
.item_4 a {
  color: rgb(255, 85, 85);
  text-shadow: 0 0 50px #c24b4b;
}
.item_5 a {
  color: rgb(255, 192, 20);
  text-shadow: 0 0 50px #c2a24b;
}
.item_6 a {
  color: rgb(85, 255, 255);
  text-shadow: 0 0 50px #4bc2b8;
}
.item_7 a {
  color: rgb(119, 255, 85);
  text-shadow: 0 0 50px #59c24b;
}
.item_8 a {
  color: rgb(253, 255, 164);
  text-shadow: 0 0 50px #cac292;
}
.item_9 a {
  color: rgb(255, 176, 85);
  text-shadow: 0 0 50px #c2854b;
}
.item_10 a {
  color: rgb(49, 145, 255);
  text-shadow: 0 0 50px #4b75c2;
}
.item_11 a {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 50px #ffffff;
}

@keyframes flicker {
  0% {
    opacity: 0.119;
  }
  5% {
    opacity: 0.02841;
  }
  10% {
    opacity: 0.35748;
  }
  15% {
    opacity: 0.88852;
  }
  20% {
    opacity: 0.9408;
  }
  25% {
    opacity: 0.35088;
  }
  30% {
    opacity: 0.22426;
  }
  35% {
    opacity: 0.26418;
  }
  40% {
    opacity: 0.09249;
  }
  45% {
    opacity: 0.35312;
  }
  50% {
    opacity: 0.89436;
  }
  55% {
    opacity: 0.9574;
  }
  60% {
    opacity: 0.19754;
  }
  65% {
    opacity: 0.05086;
  }
  70% {
    opacity: 0.12137;
  }
  75% {
    opacity: 0.75791;
  }
  80% {
    opacity: 0.89617;
  }
  85% {
    opacity: 0.90183;
  }
  90% {
    opacity: 0.20657;
  }
  95% {
    opacity: 0.64125;
  }
  100% {
    opacity: 0.78042;
  }
}
/* ANIMATE UNIQUE SCANLINE */
@keyframes scanline {
  0% {
    top: 99%;
  }
}
@keyframes scanlines {
  0% {
    background-position: 0 50%;
  }
}