index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 1px rgb(255, 255, 255);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: rgb(215, 210, 210);
  border-radius: 10px;
}
@media only screen and (max-width: 360px) {
  .mobile-header {
    width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .mobile-cart {
    left: -100px;
  }
  .mobile-categories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mobile-categories-h1 {
    margin-left: 97px;
  }
  .mobile-category-formal {
    height: 12rem;
    width: 25rem;
  }
  .mobile-category {
    height: 12rem;
    width: 12rem;
  }
  .mobile-category-font {
    font-size: 20px;
  }
  .mobile-login {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mobile-login-input {
    width: 18rem;
  }
  .mobile-login-signup {
    display: none;
  }
  .mobile-signup {
    display: inline;
  }
  .mobile-card{
    /* display: none; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
  }
  .mobile-card-image{
    height: 20px;
    width: 20px;
  }
}