#container{
    width: 1000px; 
    background-color: rgb(180, 185, 185); 
    margin: auto;
}

#content ul{list-style-type: none;}

#content ul li{display: inline-block;}

#content li.product{
    width:180px; 
    height: 300px; 
    margin:6px;
    background-color: aqua; 
    border-radius: 30px; 
    padding: 20px;
}

#content .product:hover{background-color: darkblue;}

.product{text-align: center;}

.product img{
    width:150px;
    height:120px;
    object-fit: cover;
    border-radius:10px;
    margin-bottom:10px;
}

#header{text-align: center;}

p{text-align: justify;}

#menu ul{list-style-type: none;}

#menu >ul>li{display: inline-block; width: 170px;}

#menu ul li a{text-decoration: none;}


body{
    background:#ddd;
    font-family:"Times New Roman";
}

.box1{
    width:800px;
    margin:30px auto;
    background:#e8e5b5;
    border:2px solid rgb(20, 20, 158);
    border-radius:15px;
    padding:25px;
    text-align:center;
}

.box1 h1{
    color:#9c0909;
}

.box1 p{
    font-size:20px;
}

.box2{
    width:500px;
    margin:40px auto;
    border:2px solid rgb(33, 33, 199);
    border-radius:15px;
    padding:30px;
    text-align:center;
    color:white;

    background:
    linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
    url(https://tse1.mm.bing.net/th/id/OIP.vEWg3RxZuAriHNM3ZP9sEwHaEK?o=7rm=3&rs=1&pid=ImgDetMain&o=7&rm=3);

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.box2 h1{
    color:#ccff00;
}

.box2 p{
    font-size:18px;
    line-height:1.5;
}