a, svg, button{
  color: gray;
  transition-duration: 0.3s;
}
h3{
  color: white;
  font-weight: bold;
}
header, footer{
  background-color: #000000BF;
  backdrop-filter: blur(10px);
  font-weight: bold;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  :hover{
    text-decoration-line: none;
    color: white;
  }
}
.section-categories{
  background-color: #c4c4c4bf;
  background-blend-mode: 
  filter: blur(10px);
  background-image: url("https://qhnjqexayvccrcooviui.supabase.co/storage/v1/object/public/images/uploads/876b09cd-5831-475c-bddc-161b909e71e3.png");
  background-attachment: scroll; /* Keeps the image from scrolling */
  background-position: center;   /* Centers the image */
  background-repeat: no-repeat;  /* Prevents tiling */
  background-size: cover;
  
  img{
    opacity: 0.5;
  }
  :hover{
    opacity: 1;
    transition-duration: 0.3s;
  }
}