body{background:#fff;color:#000}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}a{color:inherit}.card{width:80%;margin:10%;padding:10px;border-radius:5px;background-color:#fff;box-shadow:0 0 5px grey}.card h5.price{color:#000}.card p.description{font-size:.85rem}.card p.text-muted{color:#000}button.view-product-button{padding:10px;background-color:#4fa0bb;border:none;color:#fff;font-weight:700;font-size:1.15rem;border-radius:5px;cursor:pointer}@media (min-width:500px){.card{width:350px;margin:10px}}.drawer-background{width:100%;height:100vh;position:fixed;left:0;top:0;background-color:hsla(0,0%,48.6%,.55);z-index:100;display:none;transition:display .5s}.drawer-background.show{display:block}.drawer{width:95vw;height:100vh;background-color:#fff;position:fixed;top:0;left:-105vw;padding:15px;transition:left .5s;z-index:101;overflow-y:scroll}.drawer.show{left:0}.drawer-close{font-size:1.5rem;padding:5px;border-radius:5px;right:10px;border:2px solid grey;color:grey;width:15px;float:right;cursor:pointer}.drawer-close:hover{background-color:#d3d3d3}.product-details{display:flex;justify-content:center;flex-direction:column}.product-details img.imgStyle{height:300px;width:300px;cursor:default}.product-details p.description{padding:20px;line-height:1.5rem}.product-details .button-container button{width:150px;border:none;padding:10px;border-radius:5px;margin:0 5px 50px 5px;cursor:pointer}@media (min-width:500px){.drawer{width:450px}}.cart-background{width:100%;height:100vh;position:fixed;left:0;top:0;background-color:hsla(0,0%,48.6%,.55);z-index:100;display:none;transition:display .5s}.cart-background.show{display:block}.cart{width:95vw;height:100vh;background-color:#fff;position:fixed;top:0;right:-105vw;padding:15px;transition:right .5s;z-index:101;overflow-y:scroll}.cart.show{right:0}.cart-close{font-size:1.5rem;padding:5px;border-radius:5px;left:10px;border:2px solid grey;color:grey;width:15px;float:left;cursor:pointer}.cart-close:hover{background-color:#d3d3d3}@media (min-width:500px){.cart{width:450px}}.cartStyle{margin-left:50px}table{width:100%}.tableStyle{margin-top:100px}#buttonStyle{margin-top:40px}body{margin:0;padding:0}.product-cards-container{display:flex;flex-wrap:wrap;justify-content:center}img{height:50px;width:50px;cursor:pointer}#navBar{background-color:#000;width:100%;float:right;margin-right:10px;padding:0;margin:0;margin-top:-22px}#navBar a{color:#fff;float:right;margin-right:10px;margin-top:12px}#navBar button{margin-top:10px}#navBar button,#navBar img{float:right;margin-right:30px}.logout{padding:5px;background-color:red;border:none;color:#fff;font-weight:700;font-size:1.15rem;border-radius:5px;cursor:pointer}