nav{
background: lightslategrey;
padding: 20px;
text-align: center;
cursor: pointer;

}
.flex{
flex-wrap: wrap;
}

li{
display:inline-block;

}
.search{
padding: 50px;
display: grid;
grid-template-columns: auto;
}
input{
padding: 5px;
}
.PRODUCTS{
    
display: flex;
flex-wrap: wrap;


margin:5px;

}
.box{
flex-basis: 20%;
width: 170px;
    margin: 4px;
border-color: #000000;
border-width: 5px;
border-style: solid;
padding: 2px;
}
.body{
background-color:aqua;
display: flex;
flex-wrap: wrap;
background-color: lightskyblue;
justify-content: center;
}


.main{
    margin: 190px;
    justify-content: center;
background-color: white;
width: 370px;
height: 280px;
text-align: center;
padding: 20px;
display: flex;
flex-basis:auto;
flex-wrap: wrap;
}

input{
padding: 10px;
margin-top: 10px;
}
.lll{
width: 180px;
background-color: aqua;
color: white;


text-align: center;

}
A{
margin-right: 90PX;
font-size: small;
}