@font-face {
    font-family: neuehaasunicaregular;      
    src: url('../fonts/neuehaasunica-regular.ttf') format('truetype');
}

@font-face {
    font-family: neuehaasunicabold;      
    src: url('../fonts/neuehaasunica-bold.ttf') format('truetype');
}

@font-face {
    font-family: neuehaasunicaheavy;      
    src: url('../fonts/neuehaasunica-heavy.ttf') format('truetype');
}


h1, h2, h3, .head {
  color: #fff;
   font-family: neuehaasunicaheavy; 
   font-size: 5.5vw;
}

body,.para{
     font-family: neuehaasunicaregular; 
       color: #fff;  
}

.mic__btn, .search__btn {
  background: #482821;
}

.logo > img {
  height: 31px;
  filter: invert();
}

.menu{
    display: flex;
    gap: 1.5rem;
}

.menu li a,.main-head .link-area a {
  color: #fff !important;
  font-family: neuehaasunicaregular;  
  font-size: 16px;
}

.theme-button {
  background-color: #482821!important;
  color: #fff !important;
  padding: 12px 20px;
  border-radius: 36px;
}

.Search_form {
  border-radius: 36px!important;
  border-color: #482821;
  background: #fff;
}

.mic__btn, .search__btn {
  border-radius: 100%!important;
}

.ham-u img{
    filter: invert();
}

.offcanvas .menu{
    flex-direction: column;
}