/* Basic reset for all elements */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Navigation Bar */
nav {
  background-color: white;
  width: 100%;
  padding: 10px 0;
  position: relative;
}

/* Style for the navigation links */
#nav-links {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
}

#nav-links li {
  margin: 0 20px;
}

#nav-links li a {
  text-decoration: none;
  color: black;
  text-transform: uppercase;
  font-weight: lighter;
  font-size: 12px;
  transition: color 0.3s ease;
}

#nav-links li a:hover {
  color: gold;
}

/* Body Columns Section */
section.columns {
  display: flex;
  justify-content: space-between;
  padding: 40px 20px;
}

.columns .column {
  width: 30%;
  text-align: center;
}

.columns .column img {
  width: 300px;
  height: auto;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

/* Zoom effect on hover for images */
.columns .column img:hover {
  transform: scale(1.05);
}

.description {
  font-size: 10px;
  color: #333;
  margin: 0;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
  .column {
    width: 100%;
    margin-bottom: 20px;
  }
}