*{
  margin: 0px;
}
nav{
  background-color: black;
  color: white;
}
li,h1,ul{
  display: inline;
}
ul{
  margin-left: 20%;
  
}
li{
  color: grey;
  cursor: pointer;
}
li:hover{
  color: white;
  
}
.searchbar{
  text-align: center;
  padding: 10px;
  
  
}
input{
  width: 60%;
  padding: 5px;
}
.box{
  border-style: solid;
  border-width: 2px;
  width: 30%;
  display: inline-block;
  text-align: center;
}
.box:hover{
  background-color: black;
  color: white;
}
.products{
  text-align: center;
  padding: 20px;
}
.about{
  text-align: center;
  padding: 20px;
}
.con{
  text-align: center;
  padding: 20px;
}
.contact{
  background-color: black;
  color: white;
  margin-top: 20px;
}