body {
  margin: 0;
  font-family: sans-serif;
  background: linear-gradient(135deg, #a2d4ec, #f1f1f1);
  color: #222;
}

main {
  padding-top: 80px;
}

.transparent-header {
    background-color: transparent; /* Makes the background fully transparent rgba(0, 0, 0, 0.5)*/
}
.transparent-header {
    z-index: 999; /* Ensures the header stays above other elements */
}
.transparent-header.sticky {
    background-color: white; /* Or any desired color */
    /* Add other styles for the sticky state */
}