/* 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: white;
  font-family: Verdana;
  
  padding-top: 20px;
  
  background-image: url("your_image.jpg"); /* Specify the path to your image */
  background-repeat: repeat; /* Prevents the image from repeating */
  background-size: cover; /* Ensures the image covers the entire background */
  background-position: center; /* Centers the image */
}

/* Centered Text Class */
.centered {
  text-align: center;
}

/* Logo Image Class */
.logo img {
  height: 40px;
}

/* Header Bar Classes */
.headerBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  padding: 1rem 2rem;
}

.headerLinks {
  list-style: none;
  display: flex;
  gap: 1.5rem;
}

.headerLinks a {
  color: white;
  text-decoration: none;
  font-size: 1rem;

}

.headerLinks a:hover {
  color: gray;
}