.containa{width:500px;height:500px;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;background-color:#d3ede7;align-items:center;margin-top:10%}.h1{padding:30px;color:#639;font-size:50px}input:focus{outline:none;border:none;box-shadow:0 4px 8px #80006080}.login-link{color:#639}.butn{background-color:#639}.containar{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:rgb(18,20,26)}@media (max-width: 520px){.container{width:100%;height:450px}}ul{list-style-type:none}li{padding:10px}h3{padding-top:18%}.cartIcon{border:1px solid #ccc;border-radius:10px;padding:10px;cursor:pointer}.cart-layout{display:flex;width:170px;justify-content:space-evenly}.cartIcon:hover{background:rgb(158,152,152)}.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:50px;border:none;background:rgb(10,7,24)}@media (max-width: 525px){.cartItem{display:grid;justify-content:unset;position:relative;justify-self:center}}.header-nav{position:sticky;box-shadow:0 10px 20px #ccc;margin-bottom:10px}.header-ul{display:flex;flex:1;justify-content:space-between}.header-h2{font-family:monospace;font-size:30px}.logout-btn{background:orangered;border:none;padding:10px;border-radius:10%}.logout-btn:hover{background:rgb(0,6,59)}header{background-color:#ebebeb}@media (max-width: 460px){.header-ul{display:grid;justify-content:center}}.products-container{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;justify-items:center;flex-wrap:wrap}button{margin-top:25px;margin-bottom:auto;padding:10px;color:#fff;border:none;cursor:pointer;background-color:#151a2ac9}.card{width:250px;height:250px;display:flex;padding:10px;flex-direction:column;align-items:center;justify-content:center;box-shadow:5px 5px 10px #ccc}.card img{width:90%;height:40%}.card>p{padding:10px;font-size:30px}.card:hover{box-shadow:10px 10px 20px #ccc}.orderBtn{width:200px;background:orangered;border:none;cursor:pointer}.orderBtn:hover{background:rgb(89,0,190)}.layout{display:flex;flex-direction:column;flex:1}.total-price{text-align:right;margin-right:50px;margin-bottom:20px;font-size:20px}@media (max-width: 465px){.products{padding-left:10%}}@media (max-width: 416px){.products{padding-left:0%;padding-right:10%}}@media (max-width: 360px){.products{padding-right:10%;padding-left:0%}}*{margin:0}