@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;400;900&display=swap);body{margin:0;font-family:"Roboto",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fffaf0}::-webkit-input-placeholder{font-family:"Roboto",sans-serif}:-ms-input-placeholder{font-family:"Roboto",sans-serif}::placeholder{font-family:"Roboto",sans-serif}.error{color:red}.error,.success{font-size:.75rem}.success{color:#30cabb}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.categories{margin:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between}.category{flex-direction:column;font-weight:400;margin:15px 20px}.category,.categoryBox{display:flex;justify-content:center;align-items:center}.categoryBox{height:125px;width:125px;border:1px solid #fff;border-radius:8px}.categoryBox span{display:flex;justify-content:center;align-items:center;font-size:25px;color:#fff}.backButton{margin:15px;padding:15px 0;background-color:#333842;font-weight:bolder}.product{display:flex;justify-content:space-between;padding:10px 20px;align-items:flex-start}.product:nth-child(2n){background-color:#333842}.productItem{display:flex;flex-direction:column}.productItem span{text-align:start}.productItem span:first-child{font-size:20px}.productItem span:nth-child(2){font-size:16px;font-weight:lighter}.productPrice{font-weight:700;font-size:18px}.adminCategories{text-align:start}.inputField{height:2rem;width:15rem;border-radius:.5rem;border:1px solid #cfd3d6;padding:0 .5rem}.inputField::-webkit-input-placeholder{color:#cfd3d6}.inputField:-ms-input-placeholder{color:#cfd3d6}.inputField::placeholder{color:#cfd3d6}.button{margin:.25em 0 0;border-radius:.5rem;border:none;height:2rem;width:15rem;background-color:#374958;color:#fafafa;font-size:1.2rem;font-weight:400}.button[type=reset]{background-color:#fafafa;color:#282c34}.button[type=button]{background-color:transparent;border:1px solid #374958}.adminProducts{text-align:start}.adminProducts ul{padding:0;margin:50px 0 0}.adminProducts ul li{display:flex;justify-content:space-between;align-items:center;list-style:none;font-size:18px;padding:10px 20px}.adminProducts ul li:nth-child(odd){background-color:#333842}.adminProducts ul li .actions span:not(:first-child){margin:0 0 0 10px}input{margin:0 0 .5rem}.selectComponent{display:flex;justify-content:center;position:relative}.selectComponent .categoriesList{display:none;position:absolute;top:2.2rem;width:15rem;border-radius:.5rem;background-color:#fafafa;color:#282c34;max-height:7rem;overflow-y:auto}.selectComponent .categoriesList:hover{display:block}.selectComponent .categoriesList ul{padding:0;margin:0}.selectComponent .categoriesList ul li{list-style-type:none;padding:.5rem .75rem;font-size:.75rem;border-bottom:1px solid #374958}.selectComponent .inputField:focus+.categoriesList{display:block}.editBox{width:280px;height:380px;background-color:#282c34;font-size:20px;padding:20px;box-shadow:1px 1px 8px 0 #cfd3d6;border-radius:6px}.editBox form{margin:40px 0 0}.editContainer{position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:rgba(40,44,52,.74);z-index:1000;display:flex;justify-content:center;align-items:center}.deleteBox{width:280px;height:180px;background-color:#282c34;font-size:20px;padding:20px;box-shadow:1px 1px 8px 0 #cfd3d6;border-radius:6px}.deleteContainer{position:absolute;top:0;left:0;height:100vh;width:100vw;background-color:rgba(40,44,52,.74);z-index:1000;display:flex;justify-content:center;align-items:center}.login,.login .login-input-group{display:flex;width:100%;flex-direction:column;align-items:center}.login .login-input-group{position:absolute;justify-content:center;height:100%}.login .login-input-group>.inputField:first-of-type{margin:0 0 1.75em}.login .login-input-group>.button{margin:2rem 0 0}.pages{margin:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between}.page{flex-direction:column;font-weight:400;margin:15px 20px}.page,.pageBox{display:flex;justify-content:center;align-items:center}.pageBox{height:125px;width:125px;border:1px solid #fff;border-radius:8px}.pageBox span{display:flex;justify-content:center;align-items:center;font-size:25px;color:#fff}
/*# sourceMappingURL=main.e6982c41.chunk.css.map */