@import "tailwindcss";


body{

     font-family:'Times New Roman', Times, serif; 
    
     
}
.head{
    background-color:orange;
}
#first-sec{
    align-content: center;
}

/* Menu section */
@media (max-width:640px) {
    nav ul {
        position: absolute;
        top: 180px;
        left: 0;
        right: 0;
        flex-direction: column;
        text-align: center;
        gap: 0;
        overflow: hidden;
        background-color: #4c1d95;
        color: white;

    }

    #menuList {
        transition: max-height 0.3s ease-in-out;
        overflow: hidden;
    }

    nav ul :hover {
        color: #f4900a;
        cursor: pointer;
    }
}
 



/*     Shopping Cart     */

.btn-purchase{
    text-align: center;
    margin: auto;
    padding: 2%;
    width: 50%;
  }
 
  #shopping-cart{
    padding: 5% 5%;
  }
 
  .cart-total{
    text-align: right;
    font-size: 1.3rem;
  }
 
 .up-icon{
    color: black;
    position: fixed;
    float: right;
    z-index: 1;
    left: 95%;
    top: 85%;
    font-size: 2rem;
  }