header{min-height:70px;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;border-bottom:1px solid #ddd}header .logo{flex:1 1}header a{text-transform:uppercase;color:#555}header ul li{display:inline-block;opacity:.7;padding:0 20px}header ul li:hover{opacity:1}.menu{display:none}.cart-icon{position:relative;margin-right:20px}.cart-icon span{background:#dc143c;border-radius:20px;color:#fff;position:absolute;top:-10px;right:-10px;padding:5px 7px;font-size:10px}.product_card{max-width:300px;overflow:hidden;height:500px;padding:15px;box-shadow:0 0 15px #ddd;margin:10px 0;position:relative}.product_card img{width:100%;height:300px;display:block;object-fit:cover}.product_box h2{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:capitalize;cursor:pointer;color:#323232}.product_card span{color:#dc143c}.product_box p{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;height:70px;overflow:hidden;color:#323232}.row_btn{width:100%;margin-top:10px;display:flex;justify-content:space-between}.row_btn a{width:50%;text-align:center;text-transform:uppercase;color:#fff;font-weight:600;letter-spacing:2px;padding:6px}#btn_buy{background:#555;margin-right:5px}#btn_view{background:teal;margin-left:5px}.product_card input{position:absolute;width:25px;height:25px}.products{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-items:center;margin:20px 0}.delete-all{text-align:right;margin:20px}.delete-all input{height:25px;width:25px;-webkit-transform:translateY(5px);transform:translateY(5px);margin:0 15px}.delete-all span{text-transform:uppercase;color:#03a5ce;letter-spacing:1.3px}.delete-all button{border:1px solid #dc143c;padding:10px 25px;color:#dc143c;text-transform:uppercase}.filter_menu{width:100%;min-height:40px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:15px 0}.filter_menu select,input{border:1px solid #ccc;outline:none;height:40px;padding:0 5px}.filter_menu input{flex:1 1;margin:0 10px}.load_more{text-align:center}.load_more button{padding:10px 25px;margin-bottom:20px;border:1px solid #555;text-transform:capitalize}.detail{width:100%;display:flex;justify-content:space-around;flex-wrap:wrap;padding:50px;font-size:150%}.detail img{max-width:400px;width:100%;margin:20px;height:450px;object-fit:cover;display:block}.box-detail{max-width:500px;width:100%;margin:5px 20px}.box-detail .row{display:flex;justify-content:space-between;align-items:center}.box-detail h2{text-transform:uppercase;color:#00008b;letter-spacing:2px;font-weight:2rem}.box-detail p{line-height:1.5;margin:10px 0;opacity:.8}.box-detail .cart{background:#333;color:#fff;margin-top:10px;padding:10px 25px;display:inline-block;text-transform:uppercase;letter-spacing:2px}.login-page{max-width:500px;border:2px solid #03a5ce;border-radius:5px;padding:30px;margin:50px auto}.login-page h2{text-transform:uppercase;letter-spacing:2px;color:#555}.login-page form button,.login-page form input{width:100%;height:40px;margin:10px 0;padding:0 5px;outline:#03a5ce;border:1px solid #03a5ce}.login-page form .row{display:flex;justify-content:space-between;align-items:center}.login-page form button{width:150px;background:#03a5ce;color:#fff;text-transform:uppercase;letter-spacing:2px}.login-page form a{color:orange;letter-spacing:1.3px;text-transform:uppercase}.cart{position:relative;border:1px solid #ccc;-webkit-transform:scaleY(.98);transform:scaleY(.98)}.amount span{color:#dc143c;padding:0 20px}.amount button{width:40px;height:40px;border:1px solid #777}.delete{position:absolute;top:0;right:5px;color:#dc143c;font-weight:900;cursor:pointer}.total{width:100%;height:50px;display:flex;align-items:center;justify-content:space-between}.total h3{color:#dc143c}.history-page{overflow-x:auto}.history-page h2,h4{text-align:center;margin:20px;text-transform:uppercase;letter-spacing:1.2px}.history-page table{margin:auto;width:100%}.history-page table,td,th,tr{border:1px solid #ddd;border-collapse:collapse}td,th{text-align:center;padding:10px;text-transform:capitalize}table a{color:#03a5ce}.history-page img{width:70px;height:100px;object-fit:cover}.categories{max-width:700px;display:flex;flex-wrap:wrap;justify-content:space-around;margin:30px auto}.categories form{width:290px;margin-bottom:20px}.categories label{display:block;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.categories input,button{height:35px;outline:none;border:none;border-bottom:1px solid #555}.categories input{width:210px}.categories button{width:70px;background:#555;color:#fff;margin-left:10px}.categories .row{min-width:290px;display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:10px;border:1px solid #ccc}.create_product{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around}.upload{max-width:450px;height:500px;border:1px solid #ddd;padding:15px;margin:20px}#file_up,.upload{width:100%;position:relative}#file_up{height:100%;outline:none}#file_up:before{content:"+";color:#fac86b;font-size:17rem;text-align:center;cursor:pointer;margin:auto}#file_img,#file_up:before{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff}#file_img img{width:100%;height:100%;display:block;object-fit:cover}#file_img span{position:absolute;top:-13px;right:-13px;background:#fff;border:1px solid #ddd;border-radius:50%;padding:6px 10px;cursor:pointer;font-weight:900;color:#dc143c}.create_product form{max-width:500px;min-width:290px;width:100%;margin:15px 30px}.create_product form .row{width:100%;margin:15px 0}.create_product form input,textarea{width:100%;min-height:40px;padding:0 5px}.create_product form button{width:200px;height:40px;background:#555;color:#fff;text-transform:uppercase;letter-spacing:2px;font-weight:700}*{padding:0;box-sizing:border-box;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{max-width:1230px;min-height:100vh;margin:0 auto;padding:0 20px;box-shadow:0 0 35px #eee}a{text-decoration:none}ul li{list-style:none}button{border:none;outline:none;background:transparent;cursor:pointer}@media (max-width:820px){header .logo{min-width:115px;flex:none}header ul{padding:10px 0}}@media (max-width:720px){header ul{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;opacity:.98;z-index:99;transition:.5s ease-in}header .menu{display:block;cursor:pointer}header ul li .menu{position:absolute;top:20px;right:20px}header{justify-content:space-between}}@media (max-width:570px){.filter_menu .row span{display:none}}@media (max-width:500px){.App{padding:0 10px}.detail{font-size:100%;padding:0}.filter_menu input{margin:0}.filter_menu .sort{flex:1 1}.filter_menu .sort select{width:100%;min-width:290px;margin:5px 0}.login-page{padding:30px 15px}.create_product .upload,.delete-all{margin:20px 0}}.load-page{background:#fff;overflow:hidden}.loader{width:300px;height:300px;margin:auto}.loader div{width:calc(100% - 15px);height:calc(100% - 15px);border:2px solid #fff;border-top-color:#dc143c;border-radius:50%;animation:rotate 10s linear infinite alternate-reverse}@-webkit-keyframes rotate{50%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{50%{-webkit-transform:rotate(80deg);transform:rotate(80deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.4012ba99.chunk.css.map */