*{
    margin: 0;
    padding: 0;
}

        nav{
            background-color: black;
            color: white;
            padding: 15px;
        }
        li,ul,h1{
            display: inline;
        }
        ul{
            margin-left: 70%;
        }
        li{
            color: gray;
            cursor: pointer;
        }

        li:hover{
            color: white;
        }

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

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

        .box{
            border-color: black;
            border-style: solid;
            border-width: 2px;
            display: inline-block;
            width: 220px;
        }
        .box:hover{
            background-color: black;
            color: white;
        }

        .products{
            text-align: center;
        }

        .about{
            text-align: center;
            margin-top: 50px;
            padding: 50px;
        }

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

        }