.navbar{background-color:#232730;color:#fff;height:30px;padding:20px}.navbar,.nav-right{display:flex;gap:3vw}.nav-left{margin-left:5vw;margin-right:55vw}.nav-right{margin:0;padding:0}.nav-right li{list-style-type:none;font-size:large;font-family:Georgia,Times New Roman,Times,serif}a{color:#fff;text-decoration:none;font-weight:700}a:hover{color:#d3d3d3;cursor:pointer}#quantity{margin:8px;padding:8px;background-color:red;border-radius:30px;font-size:16px}@media screen and (max-width: 800px){.nav-left{margin-right:35vw}.nav-right{display:flex;padding:4px}.cart,.menu :hover{cursor:pointer}}.topBox{width:100%;height:500px;font-family:sans-serif}.topBox img{height:100%;width:100%;border-radius:10px}.text{position:absolute;top:300px;left:500px;color:#fff}.text h1{text-align:center;margin-bottom:10px;font-size:xxx-large}@media screen and (max-width: 800px){.topBox{height:350px}.text{top:135px;left:0;font-size:small}.text h3{text-align:center}}.card{margin-top:10px;width:20vw;height:350px;border-radius:4px;box-shadow:0 1px}.imgBox{height:60%}.imgBox img{width:100%;height:100%;border-radius:10px}.info{margin:20px}.info *{margin-bottom:15px}.info button{background-color:#3b82f6;color:#fff;padding:8px;border:0;border-radius:5px;font-weight:700}.info button:hover{background-color:#4169e1;cursor:pointer}@media screen and (max-width: 800px){.card{width:100%;height:400px}}.viewBox{width:25vw;margin:40px auto;padding:20px;font-family:sans-serif;border:1px solid lightgray;border-radius:10px;background-color:#fff}.prodImg{margin:20px 0}.prodImg img{width:100%;height:300px;border-radius:10px}.desc{color:gray;margin:10px 0}.otherInfo{margin:20px 0;display:flex;gap:1vw;font-size:large}.otherInfo div{margin:auto;width:fit-content}.price{font-weight:bolder}.disPrice{color:#00f;text-decoration:line-through}.discount{color:red;font-weight:700}.starBox{display:flex;gap:5px}.star img{width:20px}.reviewBox{margin:10px 0}.review{margin:15px 2px;color:gray}.add{margin-left:3vw}.add button{background-color:#3b82f6;color:#fff;padding:8px;border:0;border-radius:5px;font-weight:700}.add button:hover{background-color:#4169e1;cursor:pointer}@media screen and (max-width: 800px){.viewBox{width:90%;margin:60px auto;border:0}}.cartBox{margin:20px auto 50px;width:40%}.cartBox h1{margin-bottom:30px;width:100%;text-align:center}hr{background-color:gray}.cartItems{display:flex;gap:10px;width:fit-content;margin:50px auto}.price,.quantityBox{padding-top:8px}.summary{margin:auto;padding:10px;width:fit-content}.summary div{margin-bottom:20px}.removeBtn{background-color:red;color:#fff;border:0;border-radius:5px;padding:5px;font-weight:700}.removeBtn:hover{cursor:pointer;background-color:#8b0000}.submitBtn{background-color:#4169e1;color:#fff;border:0;border-radius:10px;padding:5px;font-weight:700}.submitBtn:hover{cursor:pointer;background-color:#00008b}.successBox{color:green}@media screen and (max-width: 800px){.cartBox{width:90%}}.container{margin:20px auto;padding:10px;width:90%}.containerProductList{margin:20px auto;width:fit-content;display:flex;gap:2vw;flex-wrap:wrap}@media screen and (max-width: 800px){.container{margin:0;padding:0;width:100%}.containerProductList{margin:0 auto 50px;width:80%;gap:6vw}}*{margin:0;padding:0}