@font-face {
  font-family: "decoder";
  src: url(fonts/decoder.otf) format("truetype");
}

@font-face {
  font-family: "matrix";
  src: url(fonts/matrix.ttf);
}

body {
  background-color: black;
  font-family: "Times New Roman";
  color: white; 
  cursor: crosshair;
  margin: 0;
}

canvas {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -9999;
}

navtext {
  font-family: "decoder";
  font-size: 25px;
}

.imgtest {
    max-width: 100%;
    max-height: 100%;
    text-align: center; /* Ensure block-level behavior */
    margin-left: auto;
    margin-right: auto;
}

a {
  color: lime;
  background: black;
}

a:hover {
  color: #FFD700;
}

table {
  background-color: black;
  border: 12px ridge #00ff00;
  max-width: 100%
}

td {
  border: 4px dotted #00ff00;
  padding: 10px;
  vertical-align: top;
}

h1 {
  font-size: 48px;
  color: #00ff00;
  text-shadow: 4px 4px black;
}

h2 {
  background: #003300;
  color: lime;
}

h3 {
  background: #237DE8;
  color: black;
}

marquee {
  color: lime;
  font-weight: bold;
}

hr {
  border: 2px dashed lime;
}

.blink {
  animation: blink 0.6s infinite;
}

/* fake terminal */
#terminal {
  background: black;
  border: 3px solid lime;
  padding: 10px;
  font-family: "Courier New", monospace;
  height: 220px;
  overflow-y: auto;
  color: lime;
  outline: none;
  }
  
.line {
  display: block;
}

.prompt {
  color: lime;
}

.input {
  display: inline;
  outline: none;
}

.cursor {
  display: inline-block;
  width: 0.6em;
  height: 1em;
  background: lime;
  vertical-align: bottom;
  animation: blink 1s steps(1) infinite;
}

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

/* Cursor trail */
.trail {
  position: fixed;
  width: 6px;
  height: 6px;
  background: lime;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0.8;
}

/* RESPONSIVE */
@media (max-width: 800px) {
  table { width: 100%; }
}

@media (max-width: 600px) {
  table, tr, td {
    display: block;
    width: 100%;
  }
  h1 {
    font-size: 32px;
  }
}