*{
    margin: 0px;
    padding: 0px;
}
nav{
background-color: black;
color: white;
padding: 15px;


}
li,h1,ul{
display: inline;


}
ul{
margin-left: 60%;

}
li{
color: gray;
cursor: pointer;
}
li:hover{
color: chartreuse;

}
input{
width: 60%;
padding: 15px;


}
.searchbar{
padding: 50px;
text-align: center;
}
.box{
border-color: black;
border-width: 2px;
border-style: solid;
display: inline-block;
width: 220px;

}
.product{
text-align: center;


}
.box :hover{

background-color: black;
color: white;
}
.about{
text-align: center;
margin: 20px;
padding: 20px;

}
.contact{
background-color: black;
color: white;
text-align: center;
padding: 20px;



}
.contact :hover{

color: greenyellow;
cursor: pointer;

}