@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Space Grotesk",sans-serif}.main_div{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;position:relative}.main_div:before{content:"";top:0;left:0;width:100%;height:100%;position:absolute;background-image:url(/static/media/ToDoBgImg.5878e665.jpg);z-index:0}.center_div{position:relative;width:55%;height:90vh;z-index:100;background-color:rgba(0,0,0,.4);box-shadow:1px 1px 20px 1px #fff;-webkit-filter:brighteness(150%);filter:brighteness(150%);border-radius:15px;overflow-x:auto}h3{color:#1f1717;font-size:1.9em;background:transparent;background-color:#9ff;background-image:linear-gradient(90deg,#6565f5,#9ff);padding:6px 0 2px;margin-bottom:5px;margin-top:10px;text-transform:uppercase}.additem{text-align:center;height:33px;top:10px;background:transparent;font-size:23px;color:#fff;font-weight:500;width:35%;border:none;border-bottom:3px solid #347abb;outline:none;transition:width .4s ease-in-out}.additem#additem:focus{width:50%}.datetime{background-color:#000;color:grey;text-align:center;font-size:20px;height:30px;top:10px;background:transparent;border:none;border-bottom:3px solid #347abb;outline:none}.datetime::selection{color:#fff}::-webkit-calendar-picker-indicator{-webkit-filter:invert(.5);filter:invert(.5)}.labeltext{background:-webkit-linear-gradient(#4747e9,#9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.4em}.timeplus .plusBtn{min-height:60px;width:50px;border-radius:50%;background-image:linear-gradient(90deg,#6565f5,#9ff);color:#000;border:none;outline:none;margin:10px 10px 10px 30px;z-index:10;box-shadow:5px 3px 4px #000}.timeplus .plusBtn:hover{color:#000;box-shadow:5px 3px 4px #000;background-image:linear-gradient(90deg,#9ff,#6565f5)}.timeplus .plusIcon{font-size:2.2em}.searchdiv{height:10%}.searchdiv .searchIcon{color:#347abb;font-size:2em}.searchdiv .searchitem{text-align:center;height:25px;background:transparent;font-size:20px;color:#fff;font-weight:250;width:20%;border:none;border-bottom:3px solid #347abb;outline:none;transition:width .4s ease-in-out}.searchdiv .searchitem:focus{width:35%}.searchdiv .searchdatetime{background-color:#000;color:#868686;text-align:center;font-size:20px;height:25px;width:22%;background:transparent;border:none;border-bottom:3px solid #347abb;outline:none}.small_visible{display:none}.radiobtns{text-align:center;margin:0 auto;font-family:Georgia,"Times New Roman",Times,serif}.radiobtns .radiooption{background:-webkit-linear-gradient(#4747e9,#9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:135%;margin-bottom:10px}.radiobtns .radio{color:#ec2f4f}ol li{padding:1px;text-align:center;font-size:20px;font-weight:500;min-height:40px;display:flex;align-items:center;list-style:none}.itemdiv{margin:2px 5px 2px 2px;width:22vw}.itemdiv,.timediv{border-radius:10px;padding:3px;display:inline-block;text-align:center;color:#000;background-image:linear-gradient(90deg,#9ff,#6565f5);text-transform:capitalize;box-shadow:5px 3px 4px #000}.timediv{margin:2px;width:18vw}.small_list{display:none}.todo_style .timeup{background-image:linear-gradient(90deg,#da7110,#da0808);color:#9ff}.itdiv{position:relative}.todo_style .completetask{background-image:linear-gradient(90deg,#16ff45,#0b6617);color:#000}.todo_style{display:flex;flex-direction:row;justify-content:left;align-items:center;animation-name:zoomIn;animation-duration:1.5s}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.todo_style .deleteIcon{width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:rgba(75,55,55,.3);border-radius:50%;margin:0 0 0 10px;padding:5px;color:#9ff;box-shadow:5px 3px 4px #000}.todo_style .deleteIcon:hover{background-image:linear-gradient(90deg,#da7110,#da0808);color:#000;cursor:pointer;box-shadow:5px 3px 4px #000}.todo_style .doneIcon{background-color:rgba(75,55,55,.3);color:#9ff}.todo_style .CompletedIcon,.todo_style .doneIcon{width:35px;height:35px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 15px 0 35px;padding:5px;box-shadow:5px 3px 4px #000}.todo_style .CompletedIcon,.todo_style .doneIcon:hover{background-image:linear-gradient(90deg,#16ff45,#0b6617);color:#000}.todo_style .doneIcon:hover{cursor:pointer;box-shadow:5px 3px 4px #000}.todo_style .editIcon{width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:rgba(75,55,55,.3);border-radius:50%;margin:0 5px 0 10px;padding:5px;color:#9ff;box-shadow:5px 3px 4px #000}.todo_style .editIcon:hover{background-image:linear-gradient(90deg,#9ff,#6565f5);color:#000;cursor:pointer;box-shadow:5px 3px 4px #000}.todo_style .edititem{margin-left:7vw;margin-top:2px;margin-bottom:2px}.todo_style .editdt{width:30%;margin:2px 5% 2px 11px;color:#fff}.todo_style .threebtns{display:inline-block;width:20%}.todo_style .small_div{display:inline-block;width:65%;text-align:center}.todo_style .smalleditdt,.todo_style .smalledititem{display:inline-block;font-size:100%;margin-right:20%;width:60%;height:130%}.todo_style .smalleditdt{margin-right:15%}.small_list .thumbsup{margin-left:10px}@media (max-width:1500px) and (min-width:980px){.center_div{width:66%}.timediv,.todo_style .editdt{width:22vw}}@media (max-width:979px) and (min-width:763px){.center_div{width:60%}.itemdiv{width:20vw;margin-left:-2px}.timediv{width:17vw}.todo_style .edititem{width:22vw}.todo_style .editdt{width:18vw;margin-right:3.5%}.radiobtns .radiooption{margin-left:20%}.searchdiv .searchdatetime{width:35%}.todo_style .doneIcon{margin:0 15px 0 20px}.searchitimediv{display:inline}}@media (max-width:762px){.center_div{width:70%;font-size:90%}.timeplus .plusBtn{min-height:55px;width:40px}.labeltext{display:block;margin-top:3px}.additem,.datetime{font-size:140%;display:block;text-align:center;height:10%;margin:3px auto auto;width:40vw}.additem:focus{width:45vw}.big_visible{display:none}.small_visible{display:block;margin-top:30px}.searchitimediv{display:block}.searchdiv .searchitem{width:35vw;font-size:140%;height:10%}.searchdiv .searchitem:focus{width:45vw}.searchdiv .searchdatetime{width:35vw;font-size:140%;height:10%}.radiobtns{font-size:180%}.radiobtns .radiooption{margin:auto}.radiobtns .radio{color:#ec2f4f}.radiobtns .ml{margin-left:0}.itemdiv,.timediv{display:none}.small_list{display:block}.bigbtn{display:none}.todo_style{display:block}.small_checkitem{margin:2px 5px 2px 2px}.small_checkitem,.small_crosstime{border-radius:10px;padding:3px;width:40vw;font-size:90%;display:inline-block;text-align:center;color:#000;background-image:linear-gradient(90deg,#9ff,#6565f5);text-transform:capitalize;box-shadow:5px 3px 4px #000}.small_crosstime{margin:2px}.todo_style .small_div{transform:translateY(-30%)}.todo_style .doneIcon{display:inline;margin:2px 5px 5px auto}.todo_style .deleteIcon{display:inline;margin:auto 5px 3px auto}.todo_style .editIcon{display:inline;margin:auto 5px 5px auto}hr{width:80%;margin:5px auto auto}}
/*# sourceMappingURL=main.ee2d6792.chunk.css.map */