:root{--color-text-secondary:#34d186;--color-button-hover:#0f7946;--color-light-gray:#bfbfbf}*{margin:0;padding:0}html{font-family:Nunito Sans,sans-serif;font-optical-sizing:auto}.app{border:2px solid #34d186;border:2px solid var(--color-text-secondary);border-radius:16px;margin:8px;max-width:40em}.logo{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:16px}.logo-color{color:#34d186;color:var(--color-text-secondary)}.expense-form,.income{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;padding:8px}.expense-form>fieldset,.income>div{display:grid;font-size:1.1rem;font-weight:600;grid-template-columns:1fr 1fr;padding:8px}fieldset{border:none}div>input,fieldset>input{border:1px solid #bfbfbf;border:1px solid var(--color-light-gray);border-radius:8px;font-size:1rem}input{text-align:center}.button{background-color:#34d186;background-color:var(--color-text-secondary);border:none;border-radius:16px;color:#fff;font-size:1rem;font-weight:600;margin:8px;padding:8px;transition:.3s;width:100px}button:active,button:hover{background-color:#0f7946;background-color:var(--color-button-hover)}.output{display:flex;flex-wrap:wrap;justify-content:center;padding:16px}.output>p{font-size:1.3rem;font-weight:550}
/*# sourceMappingURL=main.12b0e603.css.map*/