body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#b0c4de}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.contentContainer{background-color:#f0f8ff;border-radius:10px;margin-top:50px;padding:10px 20px 20px;text-align:left;width:800px}.totalContainer{text-align:right}.spendingForm{border-bottom:1px solid #d3d3d3;padding-bottom:10px}.spendingInput{display:flex;justify-content:space-between}.spendingItemInputContainer{margin-right:20px}.spendingItemInputContainer,.spendingPriceInputContainer{display:flex;flex-direction:column;flex-grow:2;text-align:left}input[type=number],input[type=text]{font-size:15px;height:30px;margin-top:10px;padding-left:10px}.submitButton{background-color:#6a5acd;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin-top:10px;padding:10px 15px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.itemList{align-items:center;background-color:#fff;border:1px solid gray;border-radius:2px;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px;transition:all .3s}.itemName{flex-basis:0;flex-grow:5}.price{flex-basis:0;flex-grow:4;margin-left:10px}.deleteButton,.editButton{background:none;border:none;cursor:pointer;font-size:20px;margin-right:10px;padding:0}.editButton{color:#2e8b57}.deleteButton{color:#cd5c5c}.itemList:hover{background-color:#f5f5f5}.itemListContainer{margin-top:5px}.itemLists{border-bottom:1px solid #d3d3d3}.deleteAllButton{background-color:#cd5c5c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin-top:10px;padding:10px 15px}.alertContainer{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:slidein;animation-name:slidein;display:flex;height:70px;justify-content:center;padding:0;position:fixed;right:-300px;top:40px;width:300px}.greenAlert,.redAlert{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:20px;height:100%;justify-content:center;width:100%}.greenAlert{background-color:#2e8b57}.redAlert{background-color:#cd5c5c}@-webkit-keyframes slidein{0%{right:-300px}20%{right:50px}80%{right:50px}to{right:-300px}}@keyframes slidein{0%{right:-300px}20%{right:50px}80%{right:50px}to{right:-300px}}
/*# sourceMappingURL=main.33b0e794.css.map*/