@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
html, body {
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
}
/*Desktop*/
@media (min-width: 601px) {
  .ham-btn {
    display: none !important;
  }
}
.dropdown {
  position: relative;
}
.dropbtn {
  outline: none;
  background: none;
  border: none;
}
.dropdown-content {
  display: none;
  position: absolute;
  background: white;
  z-index: 999;
}
.dropbtn:hover + .dropdown-content {
  display: block;
}
.heading-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px; /* space between every item */
}
.nav-link-home,
.dropdown,
.dropbtn,
.dropdown-content a,
.search-bar {
  font-family: Quicksand;
  font-size: clamp(12px, 2.5vw, 24px);
  color: black;
}
/*Phones*/
@media (max-width: 600px) {
  .ham-btn {
   display: flex; 
  }
}
@media (max-width: 600px) {
.nav-link-home,
.dropdown,
.dropbtn{
  display: none;
}
}
.dropdown-content.show {
  display: block;
}
/*Mix*/
.heading-title {
  padding-left: 15px;
  font-family: Quicksand;
  font-size: clamp(18px, 3vw, 32px);
  line-height: 1;
}
.search-bar::placeholder {
  color: black;
  font-family: Quicksand;
  font-size: clamp(12px, 2.5vw, 24px);
}
.search-bar {
  border: 2px solid black;
  border-radius: 4px;
  margin-left: auto;
  width: clamp(120px, 30vw, 300px);
}
.cart-btn {
  font-size: clamp(12px, 2.5vw, 24px);
  padding-right: 15px;
}