*{
    margin:0;
    padding:0;
}
nav{
    color:white;
    background-color:black;
    padding:20px;
}
li, h1,ul{
    display:inline;
    
}
ul{
    margin-left:60%;
    
}
li{
    color:grey;
    cursor:pointer;
}
li:hover{
    color:white;
}
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;
    margin-left:300px;
}
.box:hover{
    color:white;
    background-color:black;
}

.mad{
    border-color:black;
    border-width:2px;
    border-style:solid;
    display:inline-block;
    width:220px;
    text-align:center;
    

}
.mad:hover{
    color:white;
    background-color:black;

}
.the
{
    border-color:black;
    border-width:2px;
    border-style:solid;
    display:inline-block;
    width:220px;
    text-align:center;
}
.the:hover{
    color:white;
    background-color:black;
}
.products{
    text-align:center;
}
.About{
    text-align:center;
    margin-top:20px;
    padding:20px;

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