html{background-color:#f5f5f5}body{display:flex;font-family:Urbanist,sans-serif;justify-content:center;margin:0;padding:0}.App{border-radius:24px;color:#022422;min-width:60vw;padding:2rem}nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:start}nav button{background-color:initial;border:none;color:#3ea19d;cursor:pointer;font-size:12px;font-weight:lighter;letter-spacing:3.6px;line-height:18px;text-transform:uppercase}.navbar-active-button,nav button:hover{font-weight:900}.nav-hr{border-color:#e7edec}.page-handler{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.left{background-color:#fff;border-radius:12px;padding:3rem}.page-switching-buttons{display:flex;margin-top:2.5rem}.page-switching-buttons button{align-items:center;background-color:initial;border:none;color:#034844;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:14px;gap:.5rem}.page-switching-buttons button:hover,.page-title{font-weight:700}.page-title{font-size:22px;letter-spacing:0;line-height:28px;margin-block-end:.5em}.dynamic-page{min-width:395px}.dynamic-page-input-title{font-weight:400;margin-block-end:0}.dynamic-page-input-end,.dynamic-page-input-title{color:#384e4c;font-size:12px;letter-spacing:0;line-height:26px}.dynamic-page-input-end{font-family:DM Sans,sans-serif;font-weight:600}.dynamic-page input{background-color:#f7f9f9;border:1px solid #efeceb;border-radius:10px;font-size:18px;height:40px;margin-bottom:2.5rem;outline:none;width:150px}.dynamic-page-data{color:#384e4c;display:flex;font-family:DM Sans,sans-serif;font-size:16px;gap:1rem;letter-spacing:0;line-height:22px}.electricyt-page-input-contanier{display:flex;gap:1.5rem}.electricity-page-input-row{display:flex;gap:.5rem}.total-title{font-size:12px;letter-spacing:3.6px;line-height:18px;text-align:center;text-transform:uppercase}.total-contanier{background-color:#fff;border-radius:24px;border-radius:12px;font-size:18px;line-height:36px;padding:3rem}.total-contanier h1{margin-block-start:1.4px}.total-total{font-weight:700}.total-element,.total-total{display:flex;font-family:DM Sans,sans-serif;justify-content:space-between}.total-element{font-weight:lighter;gap:2rem}.total{min-width:290px}.dynamic-page select{background-color:#f7f9f9;border:1px solid #efeceb;border-radius:10px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:200;height:40px;outline:none;width:390px}.total-page{min-width:395px}.total-page-row{display:flex;gap:2rem}.total-button{background-color:#6e79ff;border:2px solid #0000;border-radius:12px;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;line-height:24px;padding:16px 10px;width:20.55rem}.total-button:hover{background-color:#414ff2}@media only screen and (max-width:1100){.total{margin-top:2rem}}@media only screen and (max-width:777px){.page-handler{align-items:center}}@media only screen and (max-width:460px){.electricyt-page-input-contanier{flex-direction:column;gap:.5rem}.dynamic-page input{margin-bottom:.5rem;width:70vw}.dynamic-page select,.page-switching-buttons button{width:70vw}}@media only screen and (max-width:420px){.page-title{font-size:24px}.dynamic-page,.total-page{min-width:295px}.total-element{font-size:16px}}.main-title{margin-block-start:0}.main-title,.total-title-head{font-size:32px;font-weight:700}.total-title-head{padding-top:.5rem}
/*# sourceMappingURL=main.7298b115.css.map*/