/* 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." */
header {
  width: 100%;
  height: 200px;
  overflow: hidden; /* hides overflow if the image is too big */
}

header img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* scales the image to fill the container */
  display: block;
}


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

p {
  text-align: center;
}

.centered-div {
  width: 300px;
  padding: 20px;
  background-color: black;
  color: white;
  text-align: center;
  margin: 50px auto; /* centers the div horizontally */
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}