* { cursor: url(Cursor.html)16 16, auto; }

@font-face { /* Microsoft DOS - Font of SUPERHOT */
    font-family: "MS DOS";
    src: url("../PxPlus_IBM_VGA8.ttf");
}

@font-face { /* Commodore 64 - Font of Retrogrydon */
    font-family: "C64";
    src: url("../C64_Pro_Mono-STYLE.ttf");
}

body { /* Instill Fontface into Terminal Construct */
  font-family: "MS DOS";
  background-color: black;
  color: #A4A4FF;
  font-size: 24px;
}

 #main { /* Define Boxes */
  background-color: rgba(0, 0, 0, .5);
  color: #00FFFF;
  animation: terminalglow 2s infinite;
  height:auto; width:800px;
  border-color:#00FFFF; border-style:double;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
  padding-top: 5px;
  padding-bottom: 15px;
  text-align:center;
}

#error {
  background-color: rgba(0, 0, 0, .5);
  color: #FF0000;
  animation: errorglow 2s infinite;
  height:auto; width:800px;
  box-shadow:#FF0000 0px 2px 10px;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
  padding-top: 5px;
  padding-bottom: 15px;
  text-align:center;
}

::selection {
  background: #00FFFF;
  color: #000000;
}

/* ****************** */
/* Link Text */

a { text-decoration:none; }
a:link { color: #008080;}
a:visited { color: #008080; }
a:hover { color: #00FFFF; animation: glowlink 1s infinite; }
a:active { color: #008080; }

@keyframes glow {
  0% { text-shadow: 0 0 10px #00FFFF; }
  100% { text-shadow: 0 0 0px #000000; }
}

@keyframes glowlink {
  0% { color: #FFFFFF; }
  100% { color: #00FFFF; }
}

@keyframes glowtext {
  0% { color: #ffffff; }
  50% { color: #a0a0e0; }
  100% { color: #ffffff; }
}

@keyframes errorglow {
  0% { text-shadow: 0 0 10px #FF0000; box-shadow:#FF0000 0px 0px 0px;}
  100% { text-shadow: 0 0 0px #000000; box-shadow:#000000 0px 1px 40px;}
}

@keyframes terminalglow {
  0% { box-shadow:#0000FF 0px 0px 0px; text-shadow: 0 0 0px #0000FF; }
  50% { box-shadow:#00FFFF 1px 0px 20px; text-shadow: 0 0 12px #00FFFF; }
 100% { box-shadow:#0000FF 0px 0px 0px; text-shadow: 0 0 0px #0000FF; }
}