/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

body {
  margin: 0;
  padding: 0;
  background-color: #000; /* Sets the background color of the entire page to black */
}

.container {
  max-width: 800px; /* Adjust this value to match your desired content width */
  margin: 0 auto; /* Centers the container horizontally */
  background-color: #fff; /* Sets the background color of the main content area to white */
  padding: 20px; /* Adds some spacing around the content */
}

.container::before,
.container::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  width: 10%; /* Adjust this value to control the width of the black bars */
  height: 100vh;
  background-color: #000; /* Sets the color of the black bars */
  z-index: -1;
}

.container::before {
  left: 0;
}

.container::after {
  right: 0;
}