@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap);:root{--black-color:#023c40;--blue-color:#0ad3ff;--gray-color:#e1faf9;--red-color:#c3979f;--green-color:#78ffd6;--font-body:"Roboto",sans-serif;--biggest-font-size:4rem;--big-font-size:3rem;--normal-font-size:1.5rem;--smaller-font-size:1.3rem;--font-normal:400;--font-black:900}@media screen and (max-width:750px){:root{--biggest-font-size:3rem;--big-font-size:1.8rem;--normal-font-size:1.2rem;--smaller-font-size:.9rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input,textarea{font-family:Roboto,sans-serif;font-family:var(--font-body);font-size:1.5rem;font-size:var(--normal-font-size)}a{text-decoration:none}input{border:none}body{background:#e1faf9;background:var(--gray-color);color:#023c40;color:var(--black-color)}button{border:none;cursor:pointer;outline:none}h1{font-size:4rem;font-size:var(--biggest-font-size)}h1,h2{font-weight:900;font-weight:var(--font-black)}h2{font-size:3rem;font-size:var(--big-font-size)}img{height:auto;max-width:100%}p{color:#e1faf9;color:var(--gray-color)}.section{padding:2rem 2rem 0 1rem}.section-title-center{text-align:center}.section-title-center-table{font-size:3rem;font-size:var(--big-font-size);font-weight:900;font-weight:var(--font-black);padding:1rem 0;text-align:center}.loader:after{background:url(../../static/media/my-loader.1b841b9079e9df5dbf5b.svg) no-repeat;background-size:50px}.loader1:after,.loader:after{content:"";display:inline-block;height:50px;vertical-align:middle;width:50px}.loader1:after{background:url(../../static/media/my-loader1.c13ff698a55f0385bdb6.svg) no-repeat;background-size:25px}.container-header-tutorial{align-items:center;background-color:#023c40;background-color:var(--black-color);border-radius:100%;display:flex;margin:5px;position:absolute;z-index:100}.spending-plan-tutorial-img{background:url(../../static/media/tutorial.22f7601e9068e39d2407.svg) no-repeat 50%;background-size:600px;content:"";display:inline-block;height:65vh;justify-self:center;width:100vw}.tutorial{background:url(../../static/media/tutorial.22f7601e9068e39d2407.svg) no-repeat 50%;background-size:100%;content:"";display:inline-block;height:50vh;width:150vw}.text-white-tutorial{color:#e1faf9;color:var(--gray-color);cursor:pointer;padding:10px}.container-header-translate{align-items:center;background-color:#023c40;background-color:var(--black-color);border-radius:100%;display:flex;margin:90px 5px 5px;padding:7px;position:absolute;z-index:100}.text-white-translate{color:#e1faf9;color:var(--gray-color);cursor:pointer}header{display:flex;justify-content:flex-end;width:100%}.container-header{align-items:center;background-color:#023c40;background-color:var(--black-color);border-radius:30px 0 0 30px;display:flex;padding:20px;position:absolute;z-index:90}.container-title-header{text-align:center}.img-header{border-radius:100%;height:90px;width:90px}.container-plan{display:flex;justify-content:center}.spending-plan{background-color:#78ffd6;background-color:var(--green-color);border-radius:25px;justify-self:center;width:500px}.spending-plan-header{background-color:#023c40;border-radius:25px 25px 0 0;font-weight:900;font-weight:var(--font-black);padding:20px}.spending-plan-body{display:grid;grid-template-columns:.5fr 1fr 1fr;padding:3rem 0 1rem}.spending-plan-body-total{display:grid;grid-template-columns:1fr 1fr;padding:2rem 0 3rem}.spending-plan-item{align-items:center;border-radius:25px;display:block;height:50px;justify-self:end;line-height:1.5rem;margin:10px;padding:1.5%;text-align:center;width:190px}.spending-plan-item-checkbox{align-items:center;display:flex;justify-content:center;justify-self:flex-end;margin:-2px;width:25px}.spending-plan-item-total{align-items:center;border-radius:25px 25px 0 0;display:block;height:50px;margin:10px;padding:5px;text-align:center;width:190px}.item-a{justify-self:end}.spending-plan-item-total-num{border-radius:0 0 25px 25px;height:40px;justify-self:start;margin-left:-5px;width:190px}.red{background-color:#c3979f}.blue{background-color:#0ad3ff}.white{background-color:#e1faf9;background-color:var(--gray-color)}.text-black{color:#023c40;color:var(--black-color)}.text-white{color:#e1faf9;color:var(--gray-color)}.text-red{color:#c3979f;color:var(--red-color)}.text-blue{color:#0ad3ff;color:var(--blue-color)}.spending-plan-button-container{display:flex;justify-content:flex-end;margin-right:45px}.spending-plan-button{border-radius:100%;color:#e1faf9;color:var(--gray-color);cursor:pointer;height:50px;justify-content:flex-end;margin:10px;padding:13px;text-align:center;width:50px}.spending-plan-item-list{display:flex;font-size:3rem;font-size:var(--big-font-size);justify-content:space-evenly}.actual-spending-button{border-radius:25px;height:100px;margin-right:1rem;width:210px}.actual-spending{background-color:#78ffd6;background-color:var(--green-color);border-radius:25px;justify-self:start;width:600px}.container-actual-button{display:flex;justify-content:center;padding-bottom:1rem}.button-plan{display:flex;justify-content:space-evenly;padding:2rem}.total{display:flex;justify-content:flex-end;padding:2rem 0 0}footer{font-size:1.3rem;font-size:var(--smaller-font-size);font-weight:900;font-weight:var(--font-black);margin-bottom:1rem}.modal{align-items:center;background-color:rgba(10,1,17,.732);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:.3s;visibility:hidden}.modal-body{display:grid;grid-template-columns:1fr 1fr}.modal-close{cursor:pointer;font-size:3rem;font-size:var(--big-font-size);padding:20px;text-align:end}.modal-button-container{display:flex;justify-content:flex-end;margin-right:45px;padding:15px 0}.modal-active{opacity:1;visibility:visible}.table{display:grid;grid-template-columns:1fr 1fr}.section-table{min-height:60vh;padding:2rem 2rem 0}table{border-collapse:collapse;display:grid;grid-template-columns:minmax(80px,1fr) minmax(100px,1fr) minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr);min-width:100%;padding:0 1rem}tbody,thead,tr{display:contents}td,th{overflow:hidden;padding:9px;text-overflow:ellipsis;white-space:nowrap}th{color:#e1faf9;color:var(--gray-color);font-size:1.1rem;font-weight:400;position:sticky;text-align:left;top:0}.th-color-blue{background:#0ad3ff;background:var(--blue-color)}.th-color-red{background:#c3979f;background:var(--red-color)}th:last-child{border:0}td{color:#023c40;color:var(--black-color);padding-bottom:10px;padding-top:10px}tr:nth-child(2n) td{background-color:#f8f6ff}.container-editAndDelete{margin-right:20px}@media screen and (max-width:1180px){.container-plan{display:inline}.plan,.table{display:grid;grid-template-columns:1fr}.table{justify-items:center}.actual-spending{justify-self:center;margin-top:15px}.section-title{padding-top:10rem}}@media screen and (max-width:620px){.section-table{padding:1rem 0}table{grid-template-columns:minmax(30px,1fr) minmax(30px,1fr) minmax(70px,1fr) minmax(70px,1fr) minmax(70px,1fr);padding:0}.spending-plan{width:400px}.spending-plan-tutorial-img{background-size:400px;height:50vh}.actual-spending{width:500px}.spending-plan-item,.spending-plan-item-total,.spending-plan-item-total-num{width:150px}.actual-spending-button{height:80px;width:100px}}@media screen and (max-width:450px){.section{padding:0 0 1rem}.section-title{padding-top:10rem}.spending-plan{width:280px}.spending-plan-tutorial-img{background-size:280px;height:30vh}.actual-spending{width:280px}.spending-plan-item{width:110px}.spending-plan-item-total,.spending-plan-item-total-num{width:120px}.button-plan{flex-wrap:wrap-reverse}.actual-spending-button{width:100px}.total{justify-content:center}}
/*# sourceMappingURL=main.c5ed5377.css.map*/