body,html{max-height:100vh;overflow:auto}.navbar-light{align-items:center;background-color:#dddfe4;border:2px solid #2b2a2a;border-radius:15px;color:gray;display:flex;height:2.5vw;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:.2vw;padding:10px}.brand-light{color:#181718;font-size:1.3rem;font-weight:700;text-decoration:none}.ul-btns{display:flex;justify-content:space-around;list-style:none}.btn-logout-light{background-color:#505358;border:1px solid #0f0111;border-radius:15px;color:#ccb1ca;cursor:pointer;font-size:1.2vw;font-weight:700;height:3vw;margin-left:6vw;margin-top:2vw;padding:.5vw;text-decoration:none;width:9vw}.btn-logout-light:hover{background-color:#f5f5f5;color:gray;transition:.6s}.menu-section{align-items:center;border:2px solid #da43f0;color:#000;display:flex;height:20vw;justify-content:space-between;list-style:none;margin:0;padding:0;width:20%}.menu-section-hide,.navbar-mobile{display:none}.select-light{background-color:#ced4c8;border:#383438;border-radius:8px;color:#4b464b;font-size:1.1vw;height:2vw;margin-right:1vw}.btns-light{color:#2a272b;font-size:1.5vw;padding:0 10vw;text-decoration:none}.btn-theme-light{background-color:#d4d9e9;border:1px solid #0f0111;border-radius:15px;color:#67695c;cursor:pointer;font-size:1.5vw;height:2.3vw;margin-right:1vw;width:2.5vw}.btn-theme-light:hover{background-color:#0c0d0f;color:#e5ff00;transition:.6s}.date-light{color:#2a272b;font-size:1.5vw;font-weight:700;margin:1vw}.navbar-dark{align-items:center;background-color:#404040;border:2px solid #b4b1b1;border-radius:15px;color:gray;display:flex;height:2.5vw;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:.2vw;padding:10px}.brand-dark{color:#fffbff;font-size:1.3rem}.brand-dark,.btn-logout-dark{font-weight:700;text-decoration:none}.btn-logout-dark{background-color:#bec1c7;border:1px solid #0f0111;border-radius:15px;color:#312d31;cursor:pointer;font-size:1.2vw;height:3vw;margin-left:6vw;margin-top:2vw;padding:.5vw;width:9vw}.btn-logout-dark:hover{background-color:#302e2e;color:#dbcece;transition:.6s}.select-dark{background-color:#404040;border:#faf3fa;border-radius:8px;color:#f5f5f5;font-size:1.1vw;height:2vw;margin-right:1vw}.btns-dark{color:#f5f5f5;font-size:1.5vw;padding:0 10vw;text-decoration:none}.btn-theme-dark{background-color:#404040;border:1px solid #0f0111;border-radius:15px;color:#eaebea;cursor:pointer;font-size:1.5vw;height:2.3vw;margin-right:1vw;width:2.5vw}.btn-theme-dark:hover{background-color:#0c0d0f;color:#e5ff00;transition:.6s}.date-dark{color:#fefcff;font-size:1.5vw;font-weight:700;margin:1vw}@media screen and (max-width:650px){.navbar{display:none}.menu-section{background-color:#3450a1;border-radius:15px;left:20%;margin-top:1vw;overflow:hidden;position:fixed;top:0;width:60%}.navbar-mobile{display:flex;flex-direction:column}.show-hamb{display:block;font-size:larger;padding:10px;width:4vw}.hide-hamb{display:block;left:600vw;margin-bottom:16vw;position:relative}.ul-btns{align-items:center;display:flex;justify-content:space-between;list-style:none;padding:5px;text-decoration:none;width:100%}.btns{text-decoration:none}.btns,.logout-btn{color:#d34cc8;font-size:5vw;font-weight:700}.logout-btn{background-color:#3450a1;cursor:pointer}.logout-btn :hover{background-color:#0c0d0f;color:#e5ff00;transition:.6s}.select{background-color:#3450a1;border-radius:8px;color:#d34cc8;font-size:5vw;height:6.4vw;position:fixed;right:4%;top:2.4%}}.main-register{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.container-register-light{background-color:#e4e5f0;border:2px solid #7c7b7c;border-radius:15px}.container-register-dark,.container-register-light{align-items:center;display:flex;flex-direction:column;height:65vh;justify-content:center;width:60%}.container-register-dark{background-color:#353536;border:2px solid #9d969e;border-radius:15px}.register-title-light{color:#555252}.register-title-dark,.register-title-light{bottom:1vw;font-size:3vw;font-weight:700;position:relative}.register-title-dark{color:#f1dbdb}.form-register{align-items:center;bottom:2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative}.form-register input{border:1px solid #0f0f0f;border-radius:15px;font-size:1.2vw;font-weight:700;height:3vw;margin-bottom:1rem;padding-left:1rem;width:35vw}.register-groups{align-items:center;display:flex;flex-direction:column;justify-content:center}.register-labels-light{color:#484049;font-size:1.2vw;font-weight:700}.register-labels-dark{color:#f1ecf1;font-size:1.2vw;font-weight:700}.register-btn-light{background-color:#070707;border:1px solid #0f0f0f;border-radius:15px;color:#dbd4d4;cursor:pointer;font-size:1.4rem;font-weight:700;height:4vw;margin-bottom:1rem;width:15vw}.register-btn-light:hover{background-color:#a1a6b4;color:#252325;transition:.6s}.register-btn-dark{background-color:#242324;border:1px solid #bbb1b1;border-radius:15px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;height:2.8rem;margin-bottom:1rem;width:8rem}.register-btn-dark:hover{background-color:#c1c6d6;color:#2a2a2b;transition:.6s}@media screen and (max-width:700px){.container-register{height:160vw;width:90vw}.register-title{bottom:8vw;font-size:7vw;position:relative}.form-register input{font-size:3vw;height:8vw;width:65vw}.register-groups label{font-size:4vw}.register-btn{font-size:3.5vw;height:14vw;width:45vw}}.main-login{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.container-login-light{background-color:#e4e5f0;border:2px solid #7c7b7c;border-radius:15px}.container-login-dark,.container-login-light{align-items:center;display:flex;flex-direction:column;height:54vh;justify-content:center;width:60%}.container-login-dark{background-color:#353536;border:2px solid #dfd3d3;border-radius:15px}.title-login-light{color:#555252}.title-login-dark,.title-login-light{font-size:2.5vw;font-weight:700;margin-bottom:3vw}.title-login-dark{color:#fff}.form-login{align-items:center;bottom:2.5rem;display:flex;flex-direction:column;justify-content:center;position:relative}.form-login input{border:1px solid #0f0f0f;border-radius:15px;font-size:1rem;font-weight:700;height:4vw;margin-bottom:1rem;padding-left:1rem;width:46vw}.login-groups{align-items:center;display:flex;flex-direction:column;justify-content:center}.label-light{color:#484049}.label-dark,.label-light{font-size:1.2rem;font-weight:700}.label-dark{color:#fff}.login-btn-light{background-color:#201d20;border:1px solid #0f0f0f;border-radius:15px;color:#e0d4d4;cursor:pointer;font-size:2vw;font-weight:700;height:4vw;margin-bottom:1rem;width:15vw}.login-btn-light:hover{background-color:#a1a6b4;color:#252325;transition:.6s}.login-btn-dark{background-color:#d9d4da;border:1px solid #0f0f0f;border-radius:15px;color:#464545;cursor:pointer;font-size:2vw;font-weight:700;height:4vw;margin-bottom:1rem;width:15vw}.login-btn-dark:hover{background-color:#4a4b4d;color:#eae6eb;transition:.6s}@media screen and (max-width:700px){.container-login{height:160vw;width:90vw}.title-login{bottom:8vw;font-size:7vw;position:relative}.form-login input{font-size:3vw;height:8vw;width:65vw}.login-groups label{font-size:4vw}.login-btn{border:1px solid #da43f0;color:#000;font-size:3.5vw;height:14vw;width:45vw}.title-es{bottom:7vw;color:#fff;font-size:5vw;font-weight:700;position:relative}}.form-add-task{align-items:center;display:grid;grid-template-rows:1fr 1fr 1fr;justify-content:center;width:100%}.form-add-task input{border:1px solid #ccc;border-radius:5px;font-size:16px;height:40px;padding:0 10px;width:100%}.modal-title{bottom:3vw;position:relative}.add-task-btn-cont{align-items:center;display:flex;justify-content:center;margin-top:1vw}.add-task-btn-light{background-color:#404040;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2vw;height:40px;padding:0 10px;width:15vw}.add-task-btn-light:hover{background-color:#ddd;color:#312f2f}.add-task-btn-dark{background-color:#ccc;border:none;border-radius:5px;color:#0e0d0d;cursor:pointer;font-size:1.2vw;height:40px;padding:0 10px;width:15vw}.add-task-btn-dark:hover{background-color:#0f0e0e;color:#ccbaba}.add-task-cont-light{align-items:center;background-color:#f5e6e6;border:2px solid #404040;display:flex;flex-direction:column;height:40vw;justify-content:center;margin:.3vw}.show-tasks-light{background-color:#fcf1f1;border:3px solid #404040;flex-direction:column;height:30vw;margin-bottom:6vw;overflow:auto;width:80vw}.task-item-light{background-color:#f5e6e6;border:2px solid #404040;height:8vw;justify-content:space-evenly;margin:.5vw auto .2vw;overflow:auto;width:70vw}.task-detail,.task-item-light{align-items:center;display:flex}.task-detail{flex-direction:column;font-size:1.2vw;font-weight:700;height:4vw;min-width:15vw}.no-tasks-light{align-items:center;background-color:#fcf1f1;border:4px solid #030303;display:flex;flex-direction:column;height:32vw;justify-content:center;width:80vw}.btn-delete-task{border:none;cursor:pointer;font-size:1.4vw;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.btn-delete-task:hover{background-color:initial;color:#111;-webkit-transform:scale(1.45);transform:scale(1.45)}.btn-cont-delete-light{background-color:#f5f5f5;border:none;height:2vw;width:5vw}@-webkit-keyframes slideInFromAbove{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromAbove{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInFromBelow{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromBelow{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.no-tasks-light h3{-webkit-animation:slideInFromAbove 1s ease-in-out;animation:slideInFromAbove 1s ease-in-out;color:#242222;font-size:2vw;font-weight:700}.btn-notasks{align-items:center;-webkit-animation:slideInFromBelow 1s ease-in-out;animation:slideInFromBelow 1s ease-in-out;border-radius:5px;display:flex;height:5vw;justify-content:center;transition:all .3s ease-in-out;width:15vw}.btn-notasks,.notask-btn-light{cursor:pointer;font-size:1.2vw;font-weight:700}.notask-btn-light{background-color:#242222;color:#f3e2e2}.notask-btn-light,.notask-btn-light:hover{border:2px solid #242222;border-radius:5px;height:4vw;width:12vw}.notask-btn-light:hover{background-color:#f3e2e2;color:#242222;cursor:pointer;font-size:1.2vw;font-weight:700;transition:all .8s ease-in-out}.clear-btn-light{border:2px solid #404040;border-radius:10px;font-size:1vw;font-weight:700;height:4vw;left:80.8vw;position:relative;top:15vw;width:8vw}.clear-btn-light:hover{background-color:#404040;color:#f3e2e2;transition:all .3s ease-in-out}.btn-clear-com-light{align-items:center;background-color:#f8e1e1;border:none;cursor:pointer;display:flex;font-size:1.2vw;font-weight:700;height:5vw;justify-content:space-around}.hover-check-light{color:green;font-size:1.6vw;margin-left:.5vw;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.hover-check-light:hover{-webkit-transform:scale(1.45);transform:scale(1.45)}.hover-crossed{color:red;font-size:1.4vw;margin-left:.5vw;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.hover-crossed:hover{-webkit-transform:scale(1.45);transform:scale(1.45)}#btn-add-light{background-color:3404040;border:2px solid #404040;border-radius:10px;font-size:1vw;font-weight:700;height:4vw;position:relative;right:8.4vw;top:19.1vw;width:8vw}#btn-add-light:hover{background-color:#404040;color:#f5f5f5;transition:all .3s ease-in-out}.add-task-cont-dark{align-items:center;background-color:#201b1b;border:2px solid #e4d9d9;display:flex;flex-direction:column;height:40vw;justify-content:center;margin:.3vw}.show-tasks-dark{background-color:#686868;border:3px solid #e4dcdc;flex-direction:column;height:30vw;margin-bottom:6vw;overflow:auto;width:80vw}.title-item-light{background-color:#e6e2e3;height:3vw;overflow:auto;width:12vw}.title-item-dark1{background-color:#242527;height:3vw;overflow:auto;width:12vw}.desc-item{height:3vw;overflow:auto;width:18vw}.task-item-dark{background-color:grey;border:2px solid #cecaca;color:#dfd7d7;height:8vw;justify-content:space-evenly;margin:.5vw auto .2vw;width:70vw}.no-tasks-dark,.task-item-dark{align-items:center;display:flex}.no-tasks-dark{background-color:#404040;border:4px solid #f7f2f2;flex-direction:column;height:32vw;justify-content:center;width:80vw}.no-tasks-dark h3{-webkit-animation:slideInFromAbove 1s ease-in-out;animation:slideInFromAbove 1s ease-in-out;color:#f3e6e6;font-size:2vw;font-weight:700}.notask-btn-dark{background-color:#dad0d0;color:#2c2a2a}.notask-btn-dark,.notask-btn-dark:hover{border:2px solid #242222;border-radius:5px;cursor:pointer;font-size:1.2vw;font-weight:700;height:4vw;width:12vw}.notask-btn-dark:hover{background-color:#242222;color:#f3e2e2;transition:all .8s ease-in-out}#btn-add-dark{background-color:3404040;border:2px solid #404040;border-radius:10px;font-size:1vw;font-weight:700;height:4vw;position:relative;right:8.6vw;top:19.1vw;width:8.5vw}#btn-add-dark:hover{background-color:#404040;color:#f5f5f5;transition:all .3s ease-in-out}.btn-clear-com-dark{align-items:center;background-color:grey;border:none;cursor:pointer;display:flex;font-size:1.2vw;font-weight:700;height:5vw;justify-content:space-around}.clear-btn-dark{border:2px solid #404040;border-radius:10px;font-size:1vw;font-weight:700;height:4vw;left:80.8vw;position:relative;top:15vw;width:8vw}.clear-btn-dark:hover{background-color:#404040;color:#f3e2e2;transition:all .3s ease-in-out}.hover-check-dark{color:green;font-size:1.6vw;margin-left:.5vw;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.hover-check-dark:hover{-webkit-transform:scale(1.45);transform:scale(1.45)}.btn-cont-delete-dark{background-color:initial;border:none;height:2vw;width:5vw}.sidebar-container-light{background-color:#d0d1d3;border:2px solid #182517;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.1);height:42vw;position:relative;right:-.8vw;top:-.7vw;transition:all .3s ease-in-out;width:22vw}.ul-theme-light{flex-direction:column;list-style:none;margin:1vw .5vw .5vw;padding:0}.ul-theme-light,.ul-theme-light li{align-items:center;display:flex;justify-content:center}.ul-theme-light li{background-color:#d0d1d3;border:2px solid #222122;border-radius:5px;color:#222122;cursor:pointer;font-size:1.2vw;font-weight:700;height:5vw;margin:.5vw;padding:.5vw;transition:all .3s ease-in-out;width:15vw}.ul-theme-light li:hover{background-color:#060707;color:#d0d1d3}.cal-icon-light{color:#332e33;font-size:1.8vw;margin:.7vw}.cal-icon-light:hover{color:#eef2f7}.task-icon-light{color:#332e33;font-size:1.8vw;margin:.7vw}.task-icon-light:hover{color:#ebdbeb;font-size:1.8vw;margin:.7vw}.link{color:#000;text-decoration:none}.link:hover{color:#f3e2e2}.link-theme-light{align-items:center;background-color:#d0d1d3;border:2px solid #222122;border-radius:5px;color:#222122;cursor:pointer;display:flex;font-size:1.2vw;font-weight:700;height:5vw;justify-content:center;margin:.5vw;padding:.5vw;transition:all .3s ease-in-out;width:15vw}.link-theme-light:hover{background-color:#222122;color:#d0d1d3}.sidebar-container-dark{background-color:#404040;border:2px solid #182517;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.1);height:42vw;position:relative;right:-.8vw;top:-.7vw;transition:all .3s ease-in-out;width:22vw}.ul-theme-dark{flex-direction:column;list-style:none;margin:1vw .5vw .5vw;padding:0}.ul-theme-dark,.ul-theme-dark li{align-items:center;display:flex;justify-content:center}.ul-theme-dark li{background-color:#313233;border:2px solid #e6d7e6;border-radius:5px;color:#eee7ee;cursor:pointer;font-size:1.2vw;font-weight:700;height:5vw;margin:.5vw;padding:.5vw;transition:all .3s ease-in-out;width:15vw}.ul-theme-dark li:hover{background-color:#bdcec4;color:#111213}.cal-icon-dark{color:#e7dbe7;font-size:1.8vw;margin:.7vw}.cal-icon-dark:hover{color:#111213}.task-icon-dark{color:#f1e3f1;font-size:1.8vw;margin:.7vw}.link-theme-dark{align-items:center;background-color:#1f2022;border:2px solid #222122;border-radius:5px;color:#222122;cursor:pointer;display:flex;font-size:1.2vw;font-weight:700;height:5vw;justify-content:center;margin:.5vw;padding:.5vw;transition:all .3s ease-in-out;width:15vw}.link-theme-dark:hover{background-color:#222122;color:#d0d1d3}.main-cont{border-radius:15px;flex-direction:row;justify-content:center;top:1vw;width:98vw}.homepage-container-light,.main-cont{align-items:center;display:flex;height:42vw;position:relative}.homepage-container-light{border:2px solid #141414;border-radius:15px;right:-.4vw;top:-.7vw;width:85vw}.homepage-container-light:before{background-image:url(/static/media/inside.eed5dfcc83a6616a8a65.jpg);background-size:cover;border-radius:15px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.homepage-container-dark{align-items:center;border:2px solid #141414;border-radius:15px;display:flex;height:42vw;position:relative;right:-.4vw;top:-.7vw;width:85vw}.homepage-container-dark:before{background-image:url(/static/media/inside.eed5dfcc83a6616a8a65.jpg);background-size:cover;border-radius:15px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.welcomeText-light{color:#141313}.welcomeText-dark,.welcomeText-light{font-size:1.3vw;font-weight:700;position:relative;text-align:center}.welcomeText-dark{color:#fcfcfc}.ul{list-style:none}.home-container-light{-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);border:2px solid #000;border-radius:10px;opacity:.9}.home-container-dark,.home-container-light{align-items:center;background-color:rgba(0,0,0,.952);background-image:url(/static/media/welcome.11c11a2da1f7f752ce18.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:15px 0 10px 0 rgba(0,0,0,);color:#221f1f;display:flex;flex-direction:row;font-size:1.5rem;font-weight:700;height:40vw;justify-content:center;margin:.2vw auto auto;text-align:center;width:95vw}.home-container-dark{border:2px solid #e9dddd;border-radius:10px}@media screen and (max-width:450px){.home-container{background-color:#041955;color:#fff;flex-direction:row;font-size:1.5rem;font-weight:700;height:80vh;width:100%}.home-container,.home-mobile{align-items:center;border:none;border-radius:10px;display:flex;justify-content:center;padding:10px}.home-mobile{background-image:url(/static/media/back-mobile.c2be203212403d43a530.jpg);background-size:cover;flex-direction:column;height:120vw;margin-top:-25vw;width:85vw}.mob-card{background-color:rgba(0,0,0,.5);border:2px solid #da43f0;border-radius:10px;color:#f5f5f5;font-size:6vw;font-weight:700;height:40vw;margin:10px;padding:0;text-align:center;width:100%}}.edit-container-light{margin-top:1vw}.edit-btn-dark,.edit-btn-light{left:10vw;position:relative}.edit-main-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.edit-container-light{background-color:#fff;border:2px solid #555154;border-radius:5px;color:#000;height:30vw}.edit-container-dark,.edit-container-light{align-items:center;box-shadow:1px 1px 1px 1px gray;display:flex;flex-direction:column;font-size:1.5vw;font-weight:700;justify-content:center;margin-top:6vw;padding:2vw;width:60%}.edit-container-dark{background-color:#1f1d1d;border:2px solid #eee8ec;border-radius:5px;color:#f5e6e6;height:28vw}.form-group{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:1vw}.form-group label{font-size:1.5vw;font-weight:700;margin-bottom:.5vw}.form-group input{height:3vw}.form-group input,.form-group textarea{border:1px solid #555154;border-radius:5px;font-size:1.5vw;outline:none;padding-left:1vw;width:30vw}.form-group textarea{height:10vw}.edit-btn-light{background-color:#555154;border:1px solid #555154;border-radius:5px;color:#fff;font-size:1.5vw;height:3vw;margin-bottom:1vw;margin-top:1vw;outline:none;width:10vw}.edit-btn-light:hover{background-color:#f5f5f5;color:#000;cursor:pointer;transition:.9s}.edit-btn-dark{background-color:#555154;border:1px solid #b8b8b8;border-radius:5px;color:#e7e0e0;font-size:1.5vw;height:3vw;margin-bottom:1vw;margin-top:1vw;outline:none;width:10vw}.edit-btn-dark:hover{background-color:#f5f5f5;color:#000;cursor:pointer;transition:.9s}.add-bill-con-light{background-color:#fdf7ec;border:2px solid #292828;bottom:8vw;height:27vw;padding:1vw;position:relative;right:2vw;width:38vw}.add-bill-con-light,.addbill-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.addbill-form{margin:auto;padding:1rem}.addbill-form input{border:1px solid #ccc;border-radius:5px;height:2vw;margin:.5rem;padding:.5rem;width:20vw}.add-task-btn-light{font-size:1vw;font-weight:700;height:2.8vw;margin:.5rem;padding:.5rem;width:10vw}.add-task-btn-light:hover{background-color:#f5f5f5;border:1px solid #404040;color:#404040}.total{bottom:14vw;color:#2f8b0a;left:10vw}.total,.total-unpaid{align-items:center;border-radius:10px;display:flex;font-size:1.1vw;font-weight:700;height:5vw;justify-content:center;position:relative}.total-unpaid{bottom:14.5vw;color:#404040;color:#dbd3d4;left:20vw;padding:0 2vw;width:18vw}.add-bill-con-dark{align-items:center;background-color:#404040;border:2px solid #f7eded;bottom:8vw;color:#f5f5f5;display:flex;flex-direction:column;height:27vw;justify-content:center;padding:1vw;position:relative;right:2vw;width:38vw}.add-task-btn-dark{background-color:#f5f5f5;border:1px solid #404040;font-size:1vw;font-weight:700;height:2.8vw;margin:.5rem;padding:.5rem;width:10vw}.add-task-btn-dark:hover{background-color:#555050;border:1px solid #fdecec;color:#ece0e0}.bills-cont-light{background-color:#f8f6f6;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);color:#404040;display:flex;flex-direction:row;height:55vw;margin:0 1vw;max-width:99vw}.show-bills-light{height:33vw;margin-left:3vw;overflow:auto;width:45vw}.expense-light,.show-bills-light{border:2px solid #404040;border-radius:5px}.expense-light{display:flex;height:5vw;justify-content:space-around;margin:1vw}.bills-sec-light{display:flex;height:16vw;margin-left:5vw;margin-top:16vw;max-width:25vw}@-webkit-keyframes rotate{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transform:scale(2);transform:scale(2)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.no-bills-light{-webkit-animation:rotate 1s linear;animation:rotate 1s linear;color:#404040;display:flex;font-size:2vw;font-weight:700;height:16vw;left:8vw;margin-left:5vw;margin-top:16vw;position:relative;top:-1vw}.bill-header-light{font-family:Times New Roman,Times,serif;font-size:1.18vw;font-weight:700;text-decoration:underline}.bills-details{display:flex;flex-direction:column;font-size:1.1vw;font-weight:700;margin:.5vw;width:7vw}.delete-bill-btn-light{background-color:#fdfdfd;border:none;color:#404040;cursor:pointer;font-size:1.5vw;margin-right:2vw;margin-top:.7vw;outline:none;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.delete-bill-btn-light:hover{color:#404040;-webkit-transform:scale(1.5);transform:scale(1.5)}.pay-bill-light{border:none;color:#404040;cursor:pointer;font-size:2.5vw;margin-right:2vw;margin-top:.7vw;outline:none;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.pay-bill-light:hover{color:#404040;-webkit-transform:scale(1.5);transform:scale(1.5)}.title-bill-light{color:#404040;font-size:1.7vw;font-weight:700}.handle-paid{flex-direction:row;justify-content:space-between}.handle-paid,.title-pos-light{display:flex;left:3vw;position:relative;width:45vw}.title-pos-light{flex-direction:column}.delete-all-light,.title-pos-light{align-items:center;justify-content:center}.delete-all-light{background-color:#404040;border:none;border-radius:12px;color:#f5f5f5;cursor:pointer;display:flex;font-size:1vw;font-weight:700;height:3.2vw;margin-bottom:.2vw;outline:none;padding:.5vw;width:10vw}.delete-all-light:hover{background-color:#f0e5e5;border:1px solid #404040;color:#201e1e}.sorted-light{height:1.8vw;position:relative;top:1.4vw}.sorted-light select{border:1px solid #404040;border-radius:5px;color:#404040;font-size:1.2vw;font-weight:700;height:2vw;outline:none;width:10vw}.bills-cont-dark{background-color:#404040;border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.2);color:#e9e2e2;display:flex;flex-direction:row}.show-bills-dark{border:2px solid #d6cfcf;border-radius:5px;height:33vw;margin-left:3vw;overflow:auto;width:45vw}.expense-dark{border:2px solid #f5ebeb;border-radius:5px;display:flex;height:5vw;justify-content:space-around;margin:1vw}.bills-sec-dark{display:flex;height:16vw;margin-left:5vw;margin-top:16vw;max-width:25vw}@keyframes rotate{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transform:scale(2);transform:scale(2)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.no-bills-dark{-webkit-animation:rotate 1s linear;animation:rotate 1s linear;color:#ecdddd;display:flex;font-size:2vw;font-weight:700;height:16vw;left:8vw;margin-left:5vw;margin-top:16vw;position:relative;top:-1vw}.bill-header-dark{font-family:Times New Roman,Times,serif;font-size:1.18vw;font-weight:700;text-decoration:underline}.delete-bill-btn-dark{background-color:#404040;border:none;color:#e0d2d2;cursor:pointer;font-size:1.5vw;margin-right:2vw;margin-top:.7vw;outline:none;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.delete-bill-btn-dark:hover{color:#eee4e4;-webkit-transform:scale(1.5);transform:scale(1.5)}.pay-bill-dark{border:none;color:#fae1e1;cursor:pointer;font-size:2.5vw;margin-right:2vw;margin-top:.7vw;outline:none;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.pay-bill-dark:hover{color:#f7e6e6;-webkit-transform:scale(1.5);transform:scale(1.5)}.title-bill-dark{color:#e9dada;font-size:1.7vw;font-weight:700}.delete-all-dark{align-items:center;background-color:#f0ecec;border:none;border-radius:12px;color:#404040;cursor:pointer;display:flex;font-size:1vw;font-weight:700;height:3.2vw;justify-content:center;margin-bottom:.2vw;margin-left:4vw;outline:none;padding:.5vw;width:10vw}.delete-all-dark:hover{background-color:#1b1a1a;color:#f8e6e6}.sorted-dark{height:1.8vw;position:relative;top:1.4vw}.sorted-dark select{background-color:#404040;border:1px solid #f5f5f5;border-radius:5px;color:#f1eeee;font-size:1.2vw;font-weight:700;height:2vw;width:10vw}.title-pos-dark{align-items:center;display:flex;flex-direction:column;justify-content:center;left:3vw;position:relative;width:45vw}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-container{display:flex}.react-calendar{background-color:#fff;border:1px solid #ccc;border-radius:5px;font-family:Arial,sans-serif;height:40vw;width:60vw}.react-calendar__navigation{align-items:center;background-color:#404040;color:#f5f5f5;display:flex;justify-content:space-between;padding:10px}.react-calendar__navigation button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5em}.react-calendar__navigation__arrow{cursor:pointer}.react-calendar__month-view__days{display:grid;font-size:1.2em;font-weight:700;grid-template-columns:repeat(7,1fr)}.react-calendar__month-view__days__day{align-items:center;cursor:pointer;display:flex;height:80px;justify-content:center}.appointment-marker{align-items:center;background-color:#0f0101;border-radius:50%;color:#fff;display:flex;height:3vw;justify-content:center;width:3vw}.no-app-dark,.no-app-light{align-items:center;cursor:pointer;display:flex;font-size:1.5vw;font-weight:700;height:80px;justify-content:center}.no-app-dark{color:#fff}.cont-right{border:2px solid #404040;border-radius:5px;height:40vw;margin:0 .4vw;width:40vw}.app-app-render-light{background-color:#f5f5f5;height:38vw;overflow:auto;width:40vw}.app-app-render-dark{background-color:#404040;height:38vw;overflow:auto;width:40vw}.single-app-light{border:1px solid #404040}.single-app-dark,.single-app-light{align-items:center;display:flex;font-size:1.2vw;font-weight:700;justify-content:space-between;padding:.5vw}.single-app-dark{border:1px solid #f3f1f1;color:#fff}.btn-delete-light{background-color:#404040;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1vw;font-weight:700;padding:.5vw}.btn-delete-light:hover{background-color:grey}.btn-delete-dark{background-color:#e9e2e2;border:none;border-radius:5px;color:#0f0f0f;cursor:pointer;font-size:1vw;font-weight:700;padding:.5vw}.btn-delete-dark:hover{background-color:#222121;color:#fff}.input-text{height:2vw;width:23vw}.input-category,.input-text{border:2px solid #aaa8a8;border-radius:5px;font-size:1.2vw;font-weight:700;padding:.5vw}.input-category{height:3.2vw;width:7vw}.add-app-btn-light{background-color:#404040;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1vw;font-weight:700;height:3vw;margin-left:.2vw;padding:.5vw .5vw .4vw;width:6.6vw}.add-app-btn-light:hover{background-color:#e9dcdc;border:1px solid #404040;color:#0f0f0f}.add-app-btn-dark{background-color:#ebe4e4;border:none;border-radius:5px;color:#404040;cursor:pointer;font-size:1vw;font-weight:700;height:3vw;margin-left:.2vw;padding:.5vw .5vw .4vw;width:6.6vw}.add-app-btn-dark:hover{background-color:#404040;border:1px solid #ebe0e0;color:#f1eeee}
/*# sourceMappingURL=main.0281bb90.css.map*/