*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:rgba(224,232,255,.801);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav{border-bottom:1px solid #000;display:flex;justify-content:space-between;margin:auto;width:90%}.navigation{color:#857ecd;font-size:25px;font-weight:900;letter-spacing:3px;padding-bottom:15px;padding-top:20px;text-transform:capitalize}.btn,.navigation{align-items:center}.btn{display:flex}.add{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin-right:20px;padding:12px 24px;text-align:center;text-decoration:none}.add:hover{background-color:#3e8e41}#delete-product-btn{background-color:#da1e17;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin-right:20px;padding:12px 24px;text-align:center;text-decoration:none}#delete-product-btn:hover{background-color:#860404}.container{display:flex;flex-wrap:wrap;justify-content:space-between;justify-content:center;margin:auto;padding:40px 20px 20px;width:99%}.card{background:hsla(0,0%,99%,.808);border-radius:10px;box-shadow:5px 5px 10px 2px rgba(95,95,95,.24);margin:15px 30px;max-height:250px;min-height:200px;min-width:200px;padding:20px;width:20%}.card:hover{-webkit-transform:scale(1.02);transform:scale(1.02);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.card-body{text-align:center}.card-text{color:#203150;font-size:20px;font-weight:600;overflow:hidden;padding:5px;text-overflow:ellipsis;white-space:nowrap}.delete-checkbox{cursor:pointer;height:15px;width:15px}.save{background-color:#284ba3}.cancel,.save{border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin-right:20px;padding:12px 24px;text-align:center;text-decoration:none}.cancel{background-color:#da1e17}.save:hover{background-color:#0a3955}.cancel:hover{background-color:#860404}form{align-items:center;display:flex;flex-direction:column;left:25%;margin-top:25px;position:absolute;width:50%}label{font-weight:700;margin-bottom:.5rem;margin-top:.5rem}input,select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}input:focus,select:focus{border-color:#6cb2eb;box-shadow:0 0 5px #6cb2eb;outline:none}.warn{color:red;font-size:1rem;margin:0;padding:0}
/*# sourceMappingURL=main.14de57ca.css.map*/