@import url(https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap);:root{--main-text-color:#141c3a;--blue:#3069f0;--red:#fd4d3f;--gray:#141c3a80;--shadow:0 0 21px 0 #141c3ab3;--white:#fff}body{box-sizing:border-box;color:#141c3a;color:var(--main-text-color);font-family:Oxygen,sans-serif;margin:0}h1{box-sizing:border-box;font-size:53px;margin-top:50px}h1,h2{font-weight:700;margin-bottom:32px;padding-left:20px}h2{font-size:48px;margin-top:0}h3{font-size:30px;margin:2px 0 0}h3,h4{font-weight:700}h4{font-size:24px;margin:0}.category-label{color:#141c3a80;color:var(--gray);font-size:15px;font-weight:700}.budget-container{border-bottom:1px solid #141c3a;border-bottom:1px solid var(--main-text-color);box-sizing:border-box;list-style:none;padding:16px 20px 24px;width:100%}.comments-container{box-sizing:border-box;padding:0}.category-value{text-transform:capitalize}input{font-size:14px;padding:7px 12px;width:80px}.update-button,input{border:1px solid #141c3a;border-radius:6px}.update-button{background:#fff;background:var(--white);cursor:pointer;font-size:18px;font-weight:700;margin-left:16px;padding:6px 12px}.update-button:focus,.update-button:hover{background-color:#141c3a;color:#fff}.category-wrapper{align-items:center;box-sizing:border-box;display:flex;margin-bottom:24px}.budget-form{box-sizing:border-box;margin-left:auto}.remaining-funds.positive{color:#3069f0;color:var(--blue)}.remaining-funds.negative{color:#fd4d3f;color:var(--red)}.new-transaction-section{background:#141c3a;background:var(--main-text-color);bottom:0;box-shadow:0 0 21px 0 #141c3ab3;box-shadow:var(--shadow);box-sizing:border-box;color:#fff;color:var(--white);padding:24px 20px 38px;position:fixed;width:100%}.new-transaction-section label{display:block;font-size:15px;font-weight:700;margin-bottom:8px}.form-wrapper{display:flex;justify-content:space-between;margin-bottom:28px}.new-transaction-section button{background-color:#141c3a;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:700;margin:0 auto;padding:9px 12px}.new-transaction-section button:focus,.new-transaction-section button:hover{background-color:#fff;color:#141c3a}select{background-color:#fff;border:1px solid #141c3a;border-radius:6px;padding:7px 16px 8px 12px;text-transform:capitalize}.new-transaction-list{list-style:none;margin-right:20px}.new-transaction{background-color:#fff;border:1px solid #141c3a;border-radius:6px;display:flex;font-size:16px;font-weight:700;margin-bottom:16px;padding:12px 10.5px 11px 16px}.description{font-size:16px;font-style:italic;font-weight:400}.new-transaction button{align-items:center;background:#fff;border:1px solid #141c3a;border-radius:50%;cursor:pointer;display:flex;font-weight:700;height:20px;justify-content:center;margin-left:auto;width:20px}.new-transaction button:focus,.new-transaction button:hover{background-color:#141c3a;color:#fff}.new-transactions-section{padding-bottom:350px}@media only screen and (max-width:800px){h1{font-size:42px}h1,h2{margin-bottom:28px}h2{font-size:36px}h3{font-size:28px}input,select{font-size:14px;width:50%}.category-wrapper{align-items:flex-start;flex-direction:column}.budget-form{margin-left:0;margin-top:16px;width:100%}.update-button{margin-left:150px}.new-transaction-section input{font-size:14px;width:70%}.new-transaction-section select{font-size:10px;width:120px}.new-transaction-section{box-sizing:border-box;padding:10px px 24px}.new-transaction-section .form-wrapper{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-evenly;width:100%}.new-transaction{align-items:center;flex-direction:row;justify-content:space-between}.new-transaction button{margin-top:0}}@media only screen and (max-width:500px){h1{font-size:36px}h1,h2{margin-bottom:24px}h2{font-size:32px}h3{font-size:24px}input,select{font-size:14px;width:50%}.category-wrapper{align-items:flex-start;box-sizing:border-box;flex-direction:column}.budget-form{box-sizing:border-box;margin-left:0;margin-top:16px;width:100%}.update-button{margin-left:10%}.new-transaction-section input{font-size:14px;width:50%}.new-transaction-section select{font-size:10px;width:120px}.new-transaction-section{box-sizing:border-box;padding:10px px 24px}.new-transaction-section .form-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.new-transaction{align-items:center;flex-direction:row;justify-content:space-between}}
/*# sourceMappingURL=main.15dd6997.css.map*/