@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap";i{cursor:pointer;color:#fff}.card-todo{border-radius:25px;margin:15px}.form-input{background-color:#ffffff3e;border:solid white;color:#000;border:3px solid black!important;font-weight:700}.form-input:focus{background-color:transparent;border:solid white;color:#000;font-weight:700;outline:none}.form-input::placeholder{color:#000;text-align:center;font-weight:700}.btn0{background-color:#000;padding:10px 0;border:none!important}.btn0:hover{background-color:#181818;color:#fff;padding:10px 0}.btn-1{width:100px;background-color:#000;border:none}.btn-1:hover .btn-icon1{color:#000}.btn-1:hover{background-color:#fff;color:#000;border:2px solid black}.btn-2{border:2px solid #000000;background-color:#fff;color:#000;width:100px;margin-left:5px}.btn-2:hover{background-color:#000;color:#fff;border:2px solid black}.btn-icon1{color:#fff}.btn-icon2{color:#000}.btn-2:hover .btn-icon2{color:#fff}.modal-backdrop{background-color:#0000002c}.btn3,.btn4{background-color:#666;text-decoration:none;color:#fff;padding:2px 12px}.btn3:hover,.btn4:hover{text-decoration:none;color:#fff;background-color:#292929}.login-container{background-image:url(/assets/loginbackground-d0e8aa8b.png);background-size:cover;background-repeat:no-repeat;background-position:center center;height:100vh}.login-container h1{color:#fff;font-size:4rem;font-family:Rubik,sans-serif}.login-form{background-color:#ffffffa1;height:420px;width:400px;border-radius:30px;margin-top:30px;border:2px solid white}.formcontrol{border-radius:30px;font-family:Montserrat,sans-serif;margin-top:10px}.formlabel{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:500;color:#390b58;margin-top:10px;margin-bottom:10px}.label1{margin-top:40px}.btn5{font-family:Montserrat,sans-serif;margin-top:30px;background:transparent;color:#0e0e0e;outline:none;border:2px solid black}.home-bg{font-family:Montserrat,sans-serif;background-image:url(/assets/homebackground2-8d1e4898.png);background-size:cover;background-repeat:no-repeat;background-position:center center;height:100vh}.home-bg h1{color:#fff;margin-top:60px;font-size:4rem;text-align:center}.home-bg h3{color:#fff;margin-top:10px;font-size:2rem;text-align:center}.btn6{text-decoration:none;color:#b319a6;background-color:#fff;padding:40px;margin-top:120px}.btn6:hover{box-shadow:0 0 80px #ffffffde}.about-background{font-family:Montserrat,sans-serif;background-image:url(/assets/aboutbg-bb45c764.png);background-size:cover;background-repeat:no-repeat;background-position:center center;height:100%}.todos-bg{background-color:#fff;height:100%;margin-top:-16px}.todos-heading{font-family:Rubik,sans-serif;color:#000;padding-top:50px;font-size:3.5rem;letter-spacing:5px}.todos-heading3{font-family:Montserrat,sans-serif;color:#4b4b4b;padding-top:20px;font-size:2rem;letter-spacing:5px;padding-bottom:35px}.todos-heading2{color:#000;padding-top:50px;font-size:2.5rem}.todos-heading{color:#000}.form-container{width:40vw}@media (max-width: 767px){.form-container{width:80vw}.home-bg h1{color:#fff;margin-top:60px;font-size:3rem;text-align:center}.home-bg h3{color:#fff;margin-top:10px;font-size:2rem;text-align:center}.todos-heading3{font-size:1.5rem}.mobile{display:flex!important;justify-content:center!important}.sidebar{flex-direction:row!important;height:50px;margin-top:30px}}@media (max-width: 400px){.form-container{width:90vw}.home-bg h1{color:#fff;margin-top:60px;font-size:2rem;text-align:center}.home-bg h3{color:#fff;margin-top:10px;font-size:1rem;text-align:center}.todos-heading3{font-size:1rem}.mobile{display:flex!important;justify-content:center!important}.Search-Input{width:40vw}.smMode{display:none}.sidebar{flex-direction:row!important;height:50px;margin-top:30px}}.btn7{color:#fff;background-color:#121212;height:24px;width:24px;text-align:center;border-radius:50%;margin-top:8px}.todo-title{width:80%;color:#282828}.linethrough{text-decoration:line-through}.moon{color:#000;font-size:1.3rem;animation:rotateMoon .5s ease}@keyframes rotateMoon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-mode{background-color:#000;color:#fff!important}.sun{font-size:2rem;color:#fff}.todos-heading-dark{color:#fff;font-family:Rubik,sans-serif;padding-top:50px;font-size:3.5rem;letter-spacing:5px}.todos-heading2-dark{padding-top:50px;color:#fff;font-size:2.5rem}.form-input-dark{background-color:#fff0;border:3px solid #585858!important;color:#fff;font-weight:700;box-shadow:none}.form-input-dark:focus{background-color:transparent;border:solid white;color:#b4b4b4;font-weight:700;outline:none;box-shadow:none}.form-input-dark::placeholder{color:#9f9f9f;text-align:center;font-weight:700;box-shadow:none}.btn0-dark{background-color:#2a2a2a;padding:7px 0;border:none!important}.btn0-dark:hover{background-color:#181818;color:#fff;padding:10px 0}.rotate{animation:rotate .5s ease}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.card-todo-dark{border-radius:25px;margin:15px;background-color:#000;border:1px solid rgb(194,194,194)}.btn-1-dark{width:100px;background-color:#000;border:none}.btn-1-dark:hover .btn-icon1{color:#000}.btn-1-dark:hover{background-color:#fff;color:#000;border:2px solid black}.btn-2-dark{border:2px solid #000000;background-color:#000;color:#fff;width:100px;margin-left:5px}.btn-2-dark:hover{background-color:#fff;color:#000;border:2px solid black}.btn-icon2-dark{color:#fff}.btn-2-dark:hover .btn-icon2-dark{color:#000}.navMenu:focus,.navMenu:active{outline:none;box-shadow:none}.rotatemenu{animation:rotateMenu .25s ease}@keyframes rotateMenu{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.navbar-light{background-color:#000!important}.btn-search{background-color:transparent;border:none;margin-left:3px}.btn-search i{color:#505050}.Search-Input{background-color:transparent;color:#717171;width:18vw;border-radius:35px;border:2px solid rgb(51,51,51);padding:1px 10px;animation:searchShow .25s ease}@keyframes searchShow{0%{transform:scaleX(0)}to{transform:scaleX(20px)}}.Search-Input-none{display:none}.search-ul{list-style-type:none;margin:5px 0;display:none}.error-message{color:red;font-size:12px;margin-top:5px;text-align:center}.filter-button{background-color:#2a2a2a!important;border:none}.sidebar{margin-top:40px;flex-direction:column}.search-bar{height:30px}