*{
    margin:0
    padding:0
}
nav{
    background-color: black;
    color: white;
    padding: 15px;
}
li,h1,ul{
    display:inline;
    
}
ul{
    margin-left:60%;
    color: whitesmoke;
    cursor: pointer;
}
li:hover{
    color: rgb(235, 176, 27);
}
input{
    width:70%;
    padding: 15px;
}

.searchbar{
    text-align: center;
    
    padding:50px;
}

.products{
    display:Inline;
    border-radius: 20px;
}
.box{
    border-color: goldenrod;
    border-style: solid;
    border-width: 2px;
    display:inline-block;
    width: 252px;
    padding: 15px;
    text-align: center;
    margin: 10px;
    border-radius: 15px; 
    box-shadow: 2px 2px 10px grey;  
    margin-left: 140px;
    cursor: pointer;
}
.box:hover{
    box-shadow: 2px 2px 5px goldenrod;
}
.about{
    text-align: center;
    padding: 50px;
    font-size: 20px;
}
.Contact{
    text-align: center;
    padding: 50px;
    font-size: 20px;
    background-color: black;
    color: hsl(51, 88%, 66%)
}