css
/* styles.css */

body {
  background-color: #000;
  font-family: Arial, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
  border: 4px solid #FF0000; /* bright red border for maximum visibility */
}

body * {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  /* harsh, unblurred drop shadows for maximum dramatic effect */
}

h1 {
  font-family: 'Arial Black', sans-serif;
  font-size: 24px;
  text-shadow: 0 1px 1px #000;
  /* text shadow for added drama and depth */
  border: 2px solid #000;
  border-bottom: 2px solid #FF0000;
  /* bold black border with red bottom border for maximum contrast */
}

a {
  color: #000;
  text-decoration: none;
  /* remove default link underlines for a more brutalist look */
}

a:hover {
  text-decoration: underline;
  /* add underline on hover for added emphasis */
}

/* styles for the 'Keys As A Superpower' subpage */

.subpage-keys {
  background-color: #FF0000; /* bright red background for maximum visibility */
  color: #000;
  border: 4px solid #000;
  padding: 20px;
  /* thick black border for maximum drama */
}

.subpage-keys h2 {
  font-size: 18px;
  /* smaller heading font size for maximum readability */
  border: 1px solid #000;
  /* thin black border for maximum contrast */
}

.subpage-keys p {
  font-size: 14px;
  /* smaller paragraph font size for maximum readability */
  line-height: 20px;
  /* increased line height for maximum spacing */
}

.subpage-keys a {
  text-decoration: none;
  /* remove default link underlines for a more brutalist look */
  color: #000;
  /* black text color for maximum contrast */
}

.subpage-keys a:hover {
  text-decoration: underline;
  /* add underline on hover for added emphasis */
}