body{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;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;margin-top:30px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.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(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}nav{background-color:#67d4ff;padding:20px 0;display:flex;justify-content:center;align-items:center}.normal{text-decoration:none;color:#fff;margin:0 15px;font-weight:700;border:2px solid transparent;transition:all .3s ease-in-out;padding:6px 8px;border-radius:5px}.active{text-decoration:none;color:#67d4ff;background-color:#fff;margin:0 15px;font-weight:700;transition:all .3s ease-in-out;padding:6px 8px;border-radius:5px}.normal:hover{border:2px solid white}.prodContainer{border-radius:5px;margin:10px;box-shadow:0 0 10px .5px #67d4ffe0;cursor:pointer;transition:all .3s ease-in-out;width:220px}.prodContainer:hover{box-shadow:0 0 5px 1px #67d4ff46}img{width:150px;padding:10px 15px;border-radius:22px}h2{font-size:1.2rem;font-weight:400;padding:10px 15px}h3{font-size:1rem;padding:5px 15px;font-weight:300}h4{margin:10px}button:hover{color:#67d4ff;border-radius:5px}.reset{background-color:#e0d74d;color:#181818;border:2px solid transparent;border-radius:5px;font-size:1.1rem;margin:0 7px 15px;cursor:pointer;padding:10px 15px;transition:all .3s ease-in-out}.reset:hover{border:2px solid #e0d74d}.priceContainer{border-top:1px solid #85858541;display:flex;flex-direction:column;margin-right:10px}.delete{background-color:red;color:#fff;padding:10px 8px;margin:10px 0 10px 15px;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out;border:2px solid transparent}.edit{background-color:#00a800;color:#fff;padding:10px 8px;margin:10px 0 10px 15px;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out;border:2px solid transparent;text-align:center;font-weight:300;border-radius:5px;text-decoration:none}.delete:hover{background-color:#fff;color:red;border:2px solid red}.edit:hover{background-color:#fff;color:#00a800;border:2px solid rgb(0,168,0)}