.projects-body {
  background-color: black;
  color: white;
  font-family: "Courier New", monospace;
}

 .ascii{
   font-family: monospace;
   white-space: pre;
   color: #0000ff;
 }

.intro-text {
  margin-top: 20px;
  color: white;
}

.table-container {
  margin-top: 50px;
}

.retro-table {
  width: 80%;
  max-width: 900px;
  border-collapse: collapse;
  border: 3px outset magenta;
  box-shadow: 0 0 12px cyan;
  text-align: center;
  background-color: #111;
  color: white;
}

.retro-table th,
.retro-table td {
  border: 1px solid magenta;
  padding: 10px;
}

.retro-table th {
  background-color: #330033;
  color: cyan;
  cursor: pointer;
  user-select: none;
}

.retro-table th:hover {
  background-color: magenta;
  color: black;
}

.retro-table a {
  color: blueviolet;
  text-decoration: none;
}

.retro-table a:hover {
  text-decoration: underline;
  color: cyan;
}

.retro-buttons {
  margin-top: 100px;
}

.retro-buttons img {
  margin: 2px;
}