body{margin:0;background-color:#151419;display:flex;flex-direction:column;align-items:center}html,body{height:100%}.App{font-family:Commissioner,sans-serif;color:#e9e9e9;height:100%;margin-top:70px}h3{margin:20px 0 15px}.App-header{text-align:center}.App-header h2{font-weight:400;text-transform:uppercase;font-size:1.3em;margin:0 0 7px}.App-header p{color:#667c81;font-size:1.2em;margin:0 0 20px}.saldo{font-size:1.5em;background:linear-gradient(#62b2f5,#412592);border-radius:10px;text-align:center;padding:70px 0;position:relative}.saldo p{margin:0;font-weight:700}.saldo svg{width:32px;position:absolute;top:10px;left:10px;color:#fff}.historial-item{display:flex;justify-content:space-between;background-color:#222327;color:#9b9a9d;padding:20px 15px;border-radius:10px;font-size:1.3em;margin:0 0 10px;cursor:pointer}.historial-item .ingreso{color:#078ffc;font-weight:700}.historial-item .gasto{color:#7240ff;font-weight:700}.entrada{display:flex;flex-direction:column;width:650px}.entrada input{border-radius:10px;padding:20px 10px;border:none;font-size:1.3em;background-color:#444347;color:#8a9ca9;margin-bottom:10px;outline:none}.entrada input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.entrada input[type=number]::-webkit-inner-spin-button,.entrada input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.buttons{display:grid;grid-template-columns:repeat(2,calc(50% - 5px));grid-column-gap:10px}.buttons svg{width:32px}.btn{font-size:1em;padding:15px 0;border:none;border-radius:7px;cursor:pointer;margin:5px 0}.blue{background-color:#078ffc;color:#ebecf1}.violet{background-color:#7240ff;color:#e8e9f0}.red{color:#df5757}.btn-aceptar{background-color:#078ffc;color:#ebecf1}.btn-trash{background-color:#df5757;color:#ebecf1}.btn-modal{padding:8px 0;margin:0}.parent-modal{position:absolute;top:0;left:0;margin:0;background-color:#201e25b3;width:100%;height:100%}.modal-content{position:relative;background-color:#151419;-webkit-box-shadow:1px 1px 14px 0px #000000;box-shadow:1px 1px 14px #000;width:40vw;margin:40vh auto;padding:20px;border-radius:10px}.modal-content h3{text-align:center;font-weight:400;font-size:1.5em;margin:0 0 7px;text-transform:capitalize}.modal-content-details{padding:0;margin:0;list-style:none}.modal-content-details>li{display:flex;justify-content:space-between;font-size:1.4em}.modal-content-details>li>p{text-transform:capitalize}