css
/* styles.css */

/* Global Styles */
body {
  background-color: #000000; /* Dark background for maximum contrast */
  color: #ffffff; /* Bright white for maximum visibility */
}

/* Header Styles */
h1, h2, h3, h4, h5, h6, p {
  color: #ff00ff; /* Bright magenta for maximum emphasis */
  font-weight: bold;
  text-align: center;
}

/* Link Styles */
a {
  text-decoration: none;
  color: #33cc33; /* Bright lime for maximum visibility */
  font-weight: bold;
}

/* Image Styles */
img {
  border: 4px solid #000000; /* Thick black border for maximum impact */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Harsh drop shadow for maximum drama */
}

/* Main Content Styles */
main {
  width: 80%; /* Wide content area for maximum readability */
  margin: 40px auto;
  padding: 20px;
  border: 4px solid #000000; /* Thick black border for maximum impact */
  border-radius: 0 20px 0 20px; /* Harsh rounded corners for maximum drama */
}

/* Subpage Styles */
.subpage {
  background-color: #333333; /* Dark gray for maximum contrast */
  color: #ffffff; /* Bright white for maximum visibility */
  width: 80%;
  margin: 40px auto;
  padding: 20px;
  border: 4px solid #000000; /* Thick black border for maximum impact */
  border-radius: 0 20px 0 20px; /* Harsh rounded corners for maximum drama */
}

/* Footer Styles */
footer {
  background-color: #000000; /* Dark background for maximum contrast */
  color: #ffffff; /* Bright white for maximum visibility */
  text-align: center;
  position: fixed; /* Fixed position for maximum stickiness */
  bottom: 0; /* Stick to the bottom of the page */
  width: 100%; /* Wide footer for maximum coverage */
  padding: 20px;
  border: 4px solid #000000; /* Thick black border for maximum impact */
  border-radius: 0 20px 0 20px; /* Harsh rounded corners for maximum drama */
}