*{
margin:0;
padding:0;
font-family: Arial;
box-sizing:border-box;
}

.navbar{
background-color:#3C3D37;
height:80px;
color:white;
display:flex;
justify-content:space-between;
align-items:center;
padding:0 20px;
}

.nav-logo{
font-size:50px;

}

.menu{
display:flex;
align-items:center;
font-size:30px;
text-decoration:none;
}


a{
color:white;
}

a:active{
color:#7D7C7C
}

a{
text-decoration:none;
}

.nav-con{
height:30px;
background-color:#181C14;
display:flex;
justify-content:center;
align-items:center;
gap:1cm;
}


.img-an{
height:auto;
width:100%
}

.product-container{
display:flex;
flex-wrap:wrap;
background-color:#EEEEEE;
margin-top:5px;
padding: 20px;
justify-content:center;
}


div.box{
margin:5px;
border: 5px solid transparent;
height:400px;
width:300px;
border-radius:5%;
background-color:white;
text-align:center;
}

div.box:hover{
border:5px solid grey;
}

div.box img{
width: 100%;
height: 16rem;
border-radius:5%;
padding:5px;
}


.cart{
color:black;
background-color:#FFB22C;
margin-top:2px;
padding:2px;
border:0.1px solid black;
}

.footer1
{
height:80px;
background-color: #3C3D37;
color:white;
font-size:50px;
text-align:center;
padding:10px;
}

.footer2{
height:110px;
background-color:#181C14;
color:white;
text-align:center;
padding-top:25px;
}

.yash
{
color:white;
}

.products-icon{
height:30px;
background-color:black;
display:flex;
justify-content:center;
align-items:center;
gap:1cm;
}

.content1
{
background-color:#EEEEEE;
display:flex;
flex-wrap:wrap;
margin-top:5px;
padding: 20px;
justify-content:center;
}

.contact
{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:2cm;
padding:30px;
}

.apple{
font-size:60px;
color:black;
}

.form{
display:flex;
flex-direction:column;
align-items:center;
margin:10px;
}

.login{
color:black;
}

.insta{
color:black;
}

#socialmedia{
display:flex;
flex-direction:column;
align-items:center;
margin:5px;
}