/* 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: black;
  color: burlywood;
  font-family: fantasy;
}

body {
  margin: 0;
  background-image: url('space.gif');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
}

.middle-column {
  width: 70%;                 /* Changed from 60px to 60% for readable width */
  margin: 0 auto;             /* Center the column horizontally */
  padding: 30px;              /* Removed 300px padding that was pushing content down */
  background-color: rgba(0, 0, 0, 0.67); /* Semi-transparent black background */
  text-align: left;           /* Align text to the left */
  color: lightsteelblue;               /* Make text readable on dark background */
  box-sizing: border-box;     /* Ensures padding doesn't expand box beyond 60% width */
  font-family: georgia;
}