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

        li,h1,ul{
            background-color: black;
            color:white ;
            display: inline;
            
        }
        ul{
            margin-left: 60%;
        }
        li{
            color: gray;
        }
        li:hover{
            color:white ;
        }
        input{
            width:60% ;
            padding: 10px;
        }
        .searchbar{
            padding: 50px;
            text-align: center;
        }
        .box{
            border-color: black;
            border-width: 2px;
            border-style:solid ;
            display: block;
            width: 200px;
            display: inline-block;
            }
            .box:hover{
                background-color: black;
                color: white;
            }
            .product{
              text-align: center;  
            }
            .about{
                text-align: center;
                margin-top: 20px;
                padding:20px ;
            }
            .contact{
                text-align: center;
                background-color: black;
                color: white;
                padding: 40px;
            }