@font-face {
    font-family: 'BrightonSpring';
    src: url('../font/BrightonSpring.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  html {
      scroll-behavior: smooth;
  }
  .font-brighton {
    font-family: 'BrightonSpring', sans-serif;
  }
  
  .shadow-1{
      filter:drop-shadow(0px 16px 32px rgba(0.3843137323856354,0.20000000298023224,0.03529411926865578,0.05000000074505806));
  }
  
  .shadow-2{
      filter:drop-shadow(0px 0px 32px rgba(0.3843137323856354,0.20000000298023224,0.03529411926865578,0.10000000149011612));
  }
  
  .shadow-3{
      filter:drop-shadow(0px 16px 32px rgba(0.0470588244497776,0.0470588244497776,0.05098039284348488,0.4000000059604645));
  }
  
  .overflow-x-scroll::-webkit-scrollbar {
  display: none; 
  }
  
  .overflow-x-scroll {
  scrollbar-width: none; 
  }
  
  .overflow-x-scroll {
  scrollbar-color: transparent transparent; 
  }
  
#menu a + .indicator {
    width: 0%;
    height: 2px;
    margin-top: 2px;
    background-color: #623309;
    transition: width 0.3s ease;
}

#menu a:hover + .indicator {
    width: 16px;
    height: 2px;
    margin-top: 2px;
    background-color: #623309;
    transition: width 0.3s ease;
    border-radius: 2px;
}

#menu .indicator.active {
    width: 16px;
    height: 2px;
    margin-top: 2px;
    background-color: #623309;
    transition: width 0.3s ease;
    border-radius: 2px;
}