body {
  background-color: black;
}

#main-column {
  width: 800px;           /* or a fixed width like 800px */
  max-width: 1200px;    /* Prevents it from getting too wide */
  margin: 0 auto;       /* Centers the column */
  padding: 20px;        /* Optional: add some space inside */
}

.headshot {
  width: 150px;     /* Set your desired width */
  height: auto;
  float: left;
  margin-right: 30px; /* Adds space between the image and text */
  margin-bottom: 10px; /* Ensures the text wraps nicely underneath */
  border-radius: 50%; /* This creates the circular shape */
}

.heading-text {
  color: rgb(246, 237, 211);
  font-weight: normal;
  font-size: 24px;
  line-height: 2;
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
}

.bio-text {
  color: rgb(246, 237, 211);
  font-size: 18px;
  line-height: 2;
  font-family: 'Courier New', Courier, monospace;
  padding-bottom: 100px;
}

#link-button-container {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.link-button {
  color: rgb(146, 227, 252);
  font-size: 18px;
  font-family: 'Courier New', Courier, monospace;
  cursor: pointer;
  margin: 20px;
  text-decoration: none; /* This removes the underline */
}

.link-button:hover {
  color: rgb(255, 255, 255);
}

.footer-text {
  color: rgb(246, 237, 211);
  background-color: black;
  font-size: 18px;
  line-height: 2;
  font-family: 'Courier New', Courier, monospace;
  text-align: center;
  margin-top: 280px;
}