css
/* styles.css */

/* Define a custom font to match the Neo-Brutalist aesthetic */
@font-face {
  font-family: "NeonBrite";
  src: url("https://example.com/NeonBrite.ttf");
}

body {
  background-color: #FF0000; /* bright red */
  margin: 0;
  padding: 0;
}

h1 {
  font-family: "NeonBrite", Arial, sans-serif;
  font-size: 48pt;
  color: #FFFFFF; /* white */
  border: 8px solid #000000; /* black border */
  text-shadow: 0 0 10px #333333;
  margin: 0;
  padding: 0;
}

h2 {
  font-family: "NeonBrite", Arial, sans-serif;
  font-size: 24pt;
  color: #FF0000; /* bright red */
  border: 8px solid #000000; /* black border */
  text-shadow: 0 0 10px #333333;
  margin: 0;
  padding: 0;
}

h3 {
  font-family: "NeonBrite", Arial, sans-serif;
  font-size: 18pt;
  color: #000000; /* black */
  border: 8px solid #FF0000; /* bright red border */
  text-shadow: 0 0 10px #333333;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #000000; /* black */
  text-shadow: 0 0 10px #FFFFFF;
}

/* Add some extra flair to the subpage links */
a.subpage {
  text-decoration: none;
  color: #000000; /* black */
  text-shadow: 0 0 10px #FFFFFF;
  border-bottom: 8px solid #FF0000; /* bright red border */
  font-size: 18pt;
}

/* Add a hover effect to the subpage links */
a.subpage:hover {
  background-color: #FF0000; /* bright red */
  border-bottom: 8px solid #000000; /* black border */
}

/* Define a style for the content */
.content {
  font-family: "NeonBrite", Arial, sans-serif;
  font-size: 12pt;
  color: #333333; /* dark gray */
  margin: 0;
  padding: 0;
  text-shadow: 0 0 10px #333333;
}

/* Add some extra padding to the content */
.content .padding {
  padding: 20px;
}