/* 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." */
img {
  image-rendering: pixelated;
}

.center-img {
  display: block;
  margin-left: auto;
  /* Optional: set a width if the image is too large */
  /* width: 50%; */
}

.container {
  display: flex;
  gap: 15px
}

/* column */

.container {
  display: flex; /* Aligns boxes side-by-side */
  gap: 20px;     /* Adds space between the boxes */
}

.left-column-box {
  flex: 0.25;                /* Makes both boxes take up equal space */
  border: 4px solid gold; /* Gives the boxes their "boxed" look */
  padding: 10px;          /* Space inside the box */
  background-color: black;
  margin-left: 280px

}
.middle-column-box {
  flex: 1;                /* Makes both boxes take up equal space */
  border: 4px solid gold; /* Gives the boxes their "boxed" look */
  padding: 10px;          /* Space inside the box */
  background-color: black;

}
.right-column-box {
  flex: 0.5;                /* Makes both boxes take up equal space */
  border: 4px solid gold; /* Gives the boxes their "boxed" look */
  padding: 10px;          /* Space inside the box */
  background-color: black;
  margin-right: 280px;

}


body {
  background-color: black;
  color: white;
   font-family: "JetBrains Mono", monospace;
   font-style: normal;
   font-size: 15px
}

a {
  color: gold; text-decoration: none
  

}

footer {
  display
  align-items: center;
  flex: 1;
  flex-shrink: 0;
  border: 4px solid gold;
  padding: 10px;
  background-color: black;
  margin-right: 280px;
  margin-left: 280px;
}