*
{
    margin: 0;
}

.container
{
    height: 10vh;
    background-color: navy;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.container nav ul
{
    display: flex;
    list-style-type: none;
    margin-right: 30px;
    
    
}
.container nav ul li a
{
    color: wheat;
    text-decoration: none;
    margin: 0px 10px;
    font-size: 1.2em;
    
}
#logo
{
    color: whitesmoke;
    margin-left: 20px;
}
.landing
{
    height: 90vh;
    background-image: url(minishop.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 30px;
}
.landing h2
{
color: azure;
font-size: 2.7em;
/* padding-bottom: 30px; */
}
.landing p
{
    color: beige;
    font-size: 1.4em;
    padding: 30px 0px;
}
.landing button
{
font-size: 1.3em;
color: rgb(87, 56, 15);
background-color: beige;
padding: 5px;
width: 130px;
height: 40px;
border: none;
border-radius: 5px;
cursor: pointer;

}
.landing button:hover
{
    background-color: rgb(66, 3, 14);
    color: whitesmoke;

}
.buttons
{
    display: flex;
    justify-content: space-evenly;
    /* flex-direction: column; */
    align-items: center;
    padding: 20px;

}
.buttons button
{
    height: 50px;
    color: rgb(43, 30, 13);
    background-color: white;
    padding: 3px;
    border: none;
    border-radius: 10px;
    width: 180px;
    font-size: 1.2em;
    border: 1px solid;
    /* margin-top: 1px; */
}
.buttons button:hover
{
    background-color: brown;
    color: aliceblue;
}
.cates
{
    display: flex;
    padding: 20px;

}
.pop
{
    
    padding:20px ;
}
.products
{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.product1 
{
height: 230px;
width: 150px;
padding: 30px;
border: 1px solid rgb(218, 205, 209);
/* margin: 40px; */
border-radius: 10px;
font-size: 1.2em;
color: rgb(80, 18, 37);

}
.product2 
{
height: 230px;
width: 150px;
padding: 30px;
border: 1px solid rgb(218, 205, 209);
margin: 40px;
border-radius: 10px;
font-size: 1.2em;
color: rgb(80, 18, 37);

}
.product3 
{
height: 230px;
width: 150px;
padding: 30px;
border: 1px solid rgb(218, 205, 209);
margin: 40px;
border-radius: 10px;
font-size: 1.2em;

}
.product4 
{
height: 230px;
width: 150px;
padding: 30px;
border: 1px solid rgb(218, 205, 209);
margin: 40px;
border-radius: 10px;
font-size: 1.2em;

}
.products button
{
font-size: 15px;
color: white;
background-color: rgb(29, 29, 8);
padding: 9px;
border: none;
border-radius: 5px;
cursor: pointer;
width: 140px;  
}
.products button:hover
{
    background-color: white;
    color: rgb(94, 6, 25);
}
.end p
{
    height: 25px;
    padding: 20px;
    background-color: rgb(2, 2, 24);
    color: azure;
    font-size: 1.3em;
}
.fa-shop
{
    font-size: 20px;
    background-color:navy;
    padding: 7px;

}