*{padding:0;margin:0;box-sizing:border-box}body{font-family:"Gill sans","Gill Sans MT",calibri,sans-serif;background-color:#f6f6f6}.dark-mode{background:#1d2537;-webkit-filter:invert(1) hue-rotate(150deg);filter:invert(1) hue-rotate(150deg)}.App{display:grid;grid-template-columns:auto 1fr;grid-template-rows:400px auto}header{display:flex;margin-bottom:20px}header,header span{justify-content:center;align-items:center}header span{margin-right:20px;display:inline-block;width:20px;font-size:14px;font-weight:700;height:20px;background-color:#d0c7f7;color:#6d28d9;border-radius:50%;display:flex}.select{width:150px;margin-left:1rem;color:#000}.navbartitle{font-weight:700;font-size:25px;text-align:center}@media only screen and (max-width:550px){header h2{font-size:15px;font-weight:700}.select{width:100px;font-size:15px}.navbartitle{font-size:20px}}@media only screen and (max-width:400px){header h2{font-size:14px;font-weight:700}.navbartitle{font-size:18px}}.formControl{display:flex;justify-content:center;align-items:center;width:20rem;margin-bottom:20px}.addTodo{font-size:2rem;margin-top:5px;margin-left:10px;border:none;transition:all .5s ease-in-out;cursor:pointer}.addTodo:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}input[type=text]{border:1px solid #ccc;border-radius:5px;padding:5px 3px;outline:none;width:200px}input[type=text]:focus{border:2px solid #8a2be2;width:250px}::-webkit-input-placeholder{color:#968787}:-ms-input-placeholder{color:#968787}::placeholder{color:#968787}@media only screen and (max-width:550px){.formControl{width:10rem}}@media only screen and (max-width:400px){input[type=text]{width:120px}input[type=text]:focus{width:150px}}.taskContainer{display:flex;align-items:center;justify-content:left;flex-direction:column;border-radius:10px;padding:0 10px}.todo,.todo-container{display:flex;flex-direction:row;align-items:center}.todo{justify-content:space-between;width:25rem;margin-bottom:2rem}.todoText{width:65%;word-wrap:break-word;white-space:wrap;font-weight:700}.completed{text-decoration:line-through;-webkit-text-decoration-color:#1d1d2d;text-decoration-color:#1d1d2d;text-decoration-thickness:2px;color:#999}.btnContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.taskCheckbox{display:inline;background-color:#6d28d9;width:18px;height:17px;margin-right:9px;margin-bottom:3px;cursor:pointer;transition:all .5s ease-in-out}.taskCheckbox:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.button{color:#6d28d9;background-color:transparent;border:none;border-radius:8px;outline:none;padding:5px 10px;cursor:pointer}.edit,.remove{font-size:1.3rem;transition:all .5s ease-in-out}.remove{color:#ec4444;margin-left:5px}.edit:hover,.remove:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.updateTodo{color:#6d28d9;background-color:#fff;border:1px solid #6d28d9;margin-left:5px;font-weight:700}@media only screen and (max-width:550px){.todo{width:14rem;margin-bottom:.5rem}}@media only screen and (max-width:400px){.todo{width:13rem}}.container{grid-column:2/3;grid-row:1/3;display:flex;flex-direction:column;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:20px;padding:10px;margin:1rem 2rem}@media only screen and (max-width:550px){.container{width:18rem}}@media only screen and (max-width:400px){.container{width:15rem;margin:1rem .5rem}}ul{list-style-type:none}a{text-decoration:none;cursor:pointer;color:#ccc;font-weight:700}.sidebarContainer{margin:1rem 5px;border-radius:10px;position:relative;grid-column:1/2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#6d28d9}.menu{position:absolute;top:2%;left:30%;font-size:1.3rem;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease-in-out}.menu:hover{-webkit-transform:rotate(1turn) scale(1.1);transform:rotate(1turn) scale(1.1)}.closeMenu{position:absolute;top:2%;right:5%;font-size:1.3rem;font-weight:600;cursor:pointer;color:#fff;transition:all .3s ease-in-out}.closeMenu:hover{-webkit-transform:scale(1.1);transform:scale(1.1);color:red}.offer{display:none}.t{width:40px;height:25px;border-radius:20px;border:1px solid #999;background-color:#fff;position:relative;top:10px;right:3px;z-index:9999;display:flex;align-items:center;justify-content:space-around;margin-bottom:1rem}.t-icon{width:15px;height:15px}.t-button{width:20px;height:25px;border-radius:50%;background-color:#a174e9;position:absolute;cursor:pointer}.nightbtn{font-size:1rem;padding:5px;outline:none;border:none;cursor:pointer;width:3.1rem;height:2rem;color:#ccc;transition:all .3s ease;background:rgba(109,40,217,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border-radius:10px}.nightbtn:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.sidebaritems{display:flex;align-items:center;line-height:20px;padding:10px;margin:5px;background:rgba(109,40,217,.2);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);border-radius:10px}.sidebaritems span{font-size:1.7rem;cursor:pointer;color:#fff;font-weight:600;padding-right:5px}.collapse .sidebaritems a{display:none}@media only screen and (max-width:650px){.closeMenu,.menu,.sidebaritems a{display:none}}
/*# sourceMappingURL=main.f44a1bf2.chunk.css.map */