body { 

  font-family: Arial, sans-serif; 

  background: #f4f4f4; 

  margin: 0; 

  padding: 0; 

  color: #333; 

} 

  

header { 

  background: #1c1c1c; 

  color: white; 

  padding: 40px 20px; 

  text-align: center; 

} 

  

.subtitle { 

  opacity: 0.8; 

  margin-top: 10px; 

} 

header h2 {
    /* Style the h2 to look like a sub-subtitle */
    font-size: 1.2em;
    font-weight: 400; /* Lighter than a normal heading */
    color: #777;
    margin-top: 5px; /* Space it after the subtitle */
}
  

section { 

  padding: 30px 20px; 

  max-width: 900px; 

  margin: auto; 

} 

  

h2 { 

  border-left: 4px solid #555; 

  padding-left: 10px; 

} 

  

form { 

  display: flex; 

  flex-direction: column; 

  gap: 15px; 

} 

  

input, textarea, select { 

  padding: 10px; 

  border: 1px solid #ccc; 

  border-radius: 6px; 

} 

  

button { 

  background: #333; 

  color: white; 

  padding: 12px; 

  border: none; 

  border-radius: 6px; 

  cursor: pointer; 

} 

  

button:hover { 

  background: #111; 

} 

  

.gallery-categories { 

  display: flex; 

  gap: 10px; 

  margin-bottom: 20px; 

} 

  

.filter-btn { 

  padding: 8px 14px; 

  border: none; 

  border-radius: 6px; 

  cursor: pointer; 

  background: #ddd; 

} 

  

.filter-btn:hover { 

  background: #bbb; 

} 

  

#entries { 

  display: flex; 

  flex-direction: column; 

  gap: 20px; 

} 

  

.entry { 

  background: white; 

  padding: 15px; 

  border-radius: 6px; 

  box-shadow: 0 2px 6px rgba(0,0,0,0.1); 

} 

  

.entry h3 { 

  margin: 0 0 5px; 

} 

  

.image-row { 

  display: flex; 

  gap: 10px; 

  margin-top: 10px; 

  flex-wrap: wrap; 

} 

  

.image-row img { 

  max-width: 150px; 

  border-radius: 6px; 

}