*{margin:0;padding:0;box-sizing:border-box}.container{width:500px;height:500px;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;background-color:#639;align-items:center;margin-top:10%}h1{padding:30px;color:#fff;font-size:50px}label{color:#fff}form{display:flex;flex-direction:column;justify-content:center;align-items:center}input{width:80%;margin:10px;padding:10px;font-size:20px}.login-btn{border:none;width:80%;padding:10px}.login-btn:hover{color:#fff;background:#12141a}.header-nav{position:sticky;box-shadow:0 10px 20px #d5c9c9;margin-bottom:10px;width:100%;background:#515172}.header-ul{display:flex;flex:1;justify-content:space-between;gap:2rem}.header-h2{font-family:monospace;font-size:32px;color:#fff}.logout-btn{background-color:#f44336;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.logout-btn:hover{background-color:#00063b}.cartIcon{border:2px solid #ccc;background-color:#f44336;border-radius:20px;padding:8px 15px;cursor:pointer;font-size:18px;font-weight:700;transition:background-color .3s ease,color .3s ease}ul{list-style-type:none}li{padding:10px}.cart-container{border:1px solid black;border-radius:10px;margin:20px;height:400px;padding:10px;overflow:scroll;overflow-x:hidden}.cartItem{display:flex;justify-content:space-between;border:1px solid black;border-radius:10px;padding:20px;font-size:20px;font-weight:700;background:#2f3c7e;color:#fbeaeb}.cart-actions{color:#fff;font-size:20px;width:40px;border:none;background:#0a0718}.layout{display:flex;flex-direction:column;flex:1}.total-price{text-align:right;margin-right:50px;margin-bottom:20px;margin-top:1rem;font-size:20px}.orderBtn{width:120px;padding:8px;background:#ff4500;border:none;cursor:pointer;margin-top:1rem;font-size:16px;color:#fff}.orderBtn:hover{background:#5900be}.products-container{display:flex;justify-content:space-between;align-content:center;align-items:center;justify-items:center;flex-wrap:wrap}.card{width:250px;height:250px;display:flex;padding:10px;flex-direction:column;align-items:center;justify-content:center;box-shadow:5px 5px 10px #ccbdbd}.card img{width:90%;height:40%}.card>p{padding:10px;font-size:30px}.card:hover{box-shadow:10px 10px 20px #c2c0c0;cursor:pointer}.card button{color:#fff;border:none;cursor:pointer;background-color:#694ad6;margin-top:15px;padding:10px}