* {
  font-family: MS Gothic, Lucida Console, Courier New, VT323, monospace;
}
.vt323-regular {
  font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
}
.rubik-glitch-regular {
  font-family: "Rubik Glitch", system-ui;
  font-weight: 400;
  font-style: normal;
}
.monoton-regular {
  font-family: "Monoton", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1 {
  font-family: Lucida Console, monospace;
  font-size: 20px;
  color: cyan;
  text-shadow: 0 0 5px cyan;
  margin: 0;
}

h2 {
  font-family: Courier New, monospace;
  font-size: 15px;
  color: blueviolet;
  text-shadow: 1.5px 1.5px #000035;
  margin: 0;
}

h3 {
  font-family: VT323, monospace;
  font-weight: 300;
  font-style: normal;
  color: cyan;
  text-shadow: 0 0 5px cyan;
  margin: 0;
}

p {
  font-size: 12px;
  font-family: MS Gothic, monospace;
  line-height: 15px;
  color: cyan;
  text-shadow: 0 0 10px cyan;
  margin: 0;
}

a:link{
  color:  #e50ffc;
  text-shadow: 0 0 5px #e50ffc;
  text-decoration: none;
  margin: 0;
}

a:hover{
  color: cyan;
  text-shadow: 0 0 5px cyan;
  text-decoration: none;
  margin: 0;
  animation: flickerAnimation 0.5s infinite;
}
a.img-link:hover{
  margin: 0;
  animation: none;
}

a:visited{
  color: #e50ffc;
  text-shadow: 0 0 5px #e50ffc;
  text-decoration: none;
  margin: 0;
}

a:active{
  color: cyan;
  text-shadow: 0 0 5px cyan;
  text-decoration: none;
  margin: 0;
}

a:visited:hover{
  color: cyan;
  text-shadow: 0 0 5px cyan;
  text-decoration: none;
  margin: 0;
  animation: flickerAnimation 0.5s infinite;
}

li{
  list-style-type: square;
  font-size: 10px;
  font-family: VT323, monospace;
  color: cyan;
  text-shadow: 0 0 10px cyan;
  margin: 0;
}

a.li{
  font-size: 10px;
  font-family: VT323, monospace;
}

/* ANIMATIONS */
/* Opacity Flicker */
@keyframes flickerAnimation{
  0% {opacity:1; }
  50% {opacity:0.7; }
  100% {opacity:1; }
}
.flickering {
  animation: flickerAnimation 0.5s infinite;
}
/* box shadow Flicker */
@keyframes boxshadowFlicker{
  0% {box-shadow: 0 0 2px;}
  50% {box-shadow: 0 0 10px;}
  100% {box-shadow: 0 0 2px;}
}
.box-shadow-flicker{
  animation: boxshadowFlicker 3s infinite;
}
/* drop shadow Flicker */
@keyframes dropshadowFlicker{
  0% {filter: drop-shadow(0 0 1px);}
  30% {filter: drop-shadow(0 0 2px);}
  50% {filter: drop-shadow(0 0 8px);}
  70% {filter: drop-shadow(0 0 2px);}
  100% {filter: drop-shadow(0 0 1px);}
}
.drop-shadow-flicker{
  animation: dropshadowFlicker 3s infinite;
}
/* text shadow Flicker */ 
/*
@keyframes textshadowFlicker{
  0% {text-shadow: 0 0 0;}
  25% {text-shadow: 0 0 0;}
  50% {text-shadow: 0 0 5px;}
  75% {text-shadow: 0 0 0;}
  100% {text-shadow: 0 0 0;}
}
.text-shadow-flicker{
  animation: textshadowFlicker 2s infinite;
}
*/
/* Infinite Marquee */
@keyframes infinite-marquee{
  from{
    transform: translateX(0);
  }
  to{
    transform: translateX(-100%);
  }
}
.infinite-marquee{
    animation: infinite-marquee 6s infinite linear;
}