@font-face {
  font-family: brickwipeout;
  src: url('resources/fonts/brickwipeout.ttf');
}

h1 {
  font-family: "brickwipeout";
  font-size: 10vw;
  text-shadow: 3px 6px #000, 0px -1px #000, 0px 1px #000, -1px 0px #000, 1px 0px #000, -1px -1px #000, 1px 1px #000, -1px 1px #000, 1px -1px #000;
  color: #FFF;
  margin-top: -10px;
  margin-bottom: 2vw;
  line-height: 60px;
}

#smalltext {
  font-size: 0.8vw;
}

body {
  font-size: 24px;
  padding: 20px 20px 20px 20px;
  background-color: black;
  color: #99ff99;
  font-family: 'Roboto Mono', monospace;
  line-height: 130%;
  display: flex;

  cursor: url("resources/images/starfightercursor.png"), auto;
}

#social {
  display: flex;
  justify-content: center;
  align-items: center;
}

table, th, td {
  border: 2px solid #00d900;
  text-shadow : 2px 2px 4px #00d900;
  box-shadow : 0px 1px 4px #00d900;
  text-align : center;
}

.sidenav a {
  padding: 2px 2px 2px 2px;
}

th, td {
  background-color: #003300;
}

a {
  font-family: brickwipeout;
  font-size: 3rem;
}

/* unvisited link */
a:link {
  color: #ffffff;
}
/* visited link */
a:visited {
  color: #ffa8ff;
}
/* mouse over link */
a:hover {
  color: #ffccff;
}
/* selected link */
a:active {
  color: #0400ff;
}

/* Style page content */
.main {
  padding: 0px 70px;
}