body {
  background-color: #f2f2f2;
  font-family: Arial, sans-serif;
  color: #333;
}

h1, h2 {
  color: #006bb3;  
}

a {
  color: #e44d26;
}

img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc;  
}

.callout {
  background-color: #def2f1;
  padding: 20px;
  border: 1px solid #3da9a5;
}

    /* Style the navigation menu */
    nav .nav-menu {
    display: flex;
    justify-content: space-around;
}

/* Style each navigation button */
.nav-button {
    background-color: #6699cc; /* Brightened color */
    padding: 0.5em 2em;
    border-radius: 5px;
    display: inline-block;
}

/* Style the navigation links */
.nav-button a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

/* Add a hover effect to the navigation buttons */
.nav-button:hover {
    background-color: #88bbff; /* More vibrant color on hover */
}