@font-face {
  font-family: "VT323";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/vt323.woff2") format("woff2");
}

:root {
  --term-bg: #000000;
  --ansi-red: #ff4040;
  --ansi-green: #00ff00;
  --ansi-yellow: #ffff00;
  --ansi-cyan: #00ffff;
  --ansi-white: #ffffff;
  --ansi-gray: #808080;
  --ansi-brightgray: #c0c0c0;
}
html {
  background-color: var(--term-bg);
}
body {
  background-color: var(--term-bg);
  color: var(--ansi-white);
  font-family: "VT323", "Lucida Console", "Courier New", monospace;
  font-size: x-large;
}
pre {
  font-family: inherit;
  margin: 0;
}
a {
  color: var(--ansi-cyan);
  text-decoration: none;
}
a:hover {
  color: var(--ansi-white);
}
.header {
  padding: 10px;
  width: 60%;
}
.header pre {
  color: var(--ansi-cyan);
  font-weight: bold;
}
.header .tagline {
  color: var(--ansi-green);
}
.nav {
  width: 60%;
  padding: 10px;
}
.nav b {
  color: var(--ansi-gray);
  font-weight: normal;
}
.nav a:hover {
  color: var(--ansi-white);
}
.body {
  width: 60%;
  padding: 5px;
}
.body p {
  color: var(--ansi-brightgray);
}
.body a:visited {
  color: var(--ansi-gray);
}
.body h2 {
  color: var(--ansi-yellow);
  border-bottom: 2px dashed var(--ansi-gray);
  font-weight: normal;
}
.footer {
  width: 60%;
  padding: 10px;
  color: var(--ansi-gray);
}
.clients {
  border-collapse: collapse;
  margin: 10px 0;
}
.clients th {
  color: var(--ansi-yellow);
  font-weight: normal;
  text-align: left;
  font-size: x-large;
  padding: 0 25px 0 0;
}
.clients td {
  color: var(--ansi-brightgray);
  font-size: x-large;
  padding: 0 25px 0 0;
}
.clients a:visited {
  color: var(--ansi-gray);
}
.sig {
  text-align: right;
  color: var(--ansi-white);
}
.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}