@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;900&display=swap");*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;list-style-type:none;outline:none;border:none}html,body{width:100%;height:100%}.main{width:100%;height:100%;min-height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:'Nunito', sans-serif;background:#6190e8;background:-webkit-gradient(linear, left top, right top, from(#a7bfe8), to(#6190e8));background:linear-gradient(to right, #a7bfe8, #6190e8);overflow:hidden;position:relative}.main .github-link{position:absolute;top:20px;right:20px;width:60px;height:50px;border-radius:10px;background-color:#333c;-webkit-transition:300ms all;transition:300ms all}.main .github-link a{width:0;height:100%;-webkit-transform:translateX(100px);transform:translateX(100px);border-radius:10px;display:-ms-grid;display:grid;place-items:center;color:#fff;overflow-x:hidden;opacity:0;-webkit-transition:600ms opacity, 600ms -webkit-transform;transition:600ms opacity, 600ms -webkit-transform;transition:600ms transform, 600ms opacity;transition:600ms transform, 600ms opacity, 600ms -webkit-transform}.main .github-link::before{content:'\f113';font-family:'FontAwesome';display:-ms-grid;display:grid;place-items:center;height:100%;width:100%;color:#fff;font-size:20px;position:absolute;-webkit-transition:300ms all;transition:300ms all}.main .github-link:hover{width:140px}.main .github-link:hover::before{opacity:0}.main .github-link:hover a{width:100%;height:100%;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);text-decoration:none}.main .theme-button{position:absolute;top:80px;right:20px;width:60px;height:50px;border-radius:10px;-webkit-transition:300ms all;transition:300ms all;background-color:#333c;display:-ms-grid;display:grid;place-items:center;color:#fff}.main .theme-button::before{content:'\f186';font-family:'FontAwesome';display:-ms-grid;display:grid;place-items:center;height:100%;width:100%;color:#fff;font-size:20px;position:absolute;-webkit-transition:300ms all;transition:300ms all}.main .theme-button.dark-btn{background-color:#fff;color:#333c}.main .theme-button.dark-btn::before{content:'\f185';font-family:'FontAwesome';color:#333c}.main.dark-mode{background:#333}.main.dark-mode .task-tracker-container .add-task-wrapper .add-btn button{background-color:#fff !important;color:#333}.main.dark-mode .task-tracker-container .tasks-container{background-image:linear-gradient(120deg, rgba(110,124,131,0.5) 0%, rgba(251,253,255,0.205) 100%)}.main.dark-mode .github-link{background:#fff}.main.dark-mode .github-link a{color:#333}.main.dark-mode .github-link::before{color:#333}.main .task-tracker-container{width:40%;height:70%;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:10px}.main .task-tracker-container .task-tracker-header{width:100%;height:30px;display:-ms-grid;display:grid;place-items:center;font-size:32px}.main .task-tracker-container .task-tracker-header h4{color:#fff}.main .task-tracker-container .add-task-wrapper{width:100%;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main .task-tracker-container .add-task-wrapper .add-txt{width:80%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:5px}.main .task-tracker-container .add-task-wrapper .add-txt input{width:100%;height:40px;border:none;border-radius:5px;padding:0 10px;outline:none;font-size:16px;color:#333}.main .task-tracker-container .add-task-wrapper .add-txt input::-webkit-input-placeholder{color:#a9a9a9;font-size:14px}.main .task-tracker-container .add-task-wrapper .add-txt input:-ms-input-placeholder{color:#a9a9a9;font-size:14px}.main .task-tracker-container .add-task-wrapper .add-txt input::-ms-input-placeholder{color:#a9a9a9;font-size:14px}.main .task-tracker-container .add-task-wrapper .add-txt input::placeholder{color:#a9a9a9;font-size:14px}.main .task-tracker-container .add-task-wrapper .add-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.main .task-tracker-container .add-task-wrapper .add-btn button{width:100%;height:40px;border:none;background-color:#333c;color:#fff;border-radius:5px;cursor:pointer;-webkit-transition:300ms all;transition:300ms all}.main .task-tracker-container .add-task-wrapper .add-btn button:hover{-webkit-transform:scale(0.9);transform:scale(0.9)}.main .task-tracker-container .tasks-container{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;border-radius:5px;background-image:linear-gradient(120deg, rgba(194,233,251,0.5) 0%, rgba(251,253,255,0.205) 100%);-webkit-box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px;box-shadow:rgba(0,0,0,0.15) 1.95px 1.95px 2.6px}.main .task-tracker-container .tasks-container ul{width:100%;height:100%;padding:10px;margin:0 !important}.main .task-tracker-container .tasks-container ul li{width:100%;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:5px;margin-top:10px}.main .task-tracker-container .tasks-container ul li:first-child{margin-top:0}.main .task-tracker-container .tasks-container ul li.line-through span{text-decoration:line-through}.main .task-tracker-container .tasks-container ul li span{width:calc(100% - 80px);height:100%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:baseline;-ms-flex-pack:baseline;justify-content:baseline;padding-left:10px;border-radius:5px 0 0 5px}.main .task-tracker-container .tasks-container ul li .delete-btn{width:80px;height:100%;background-color:#333c;color:#fff;border-radius:0 5px 5px 0}.main .task-tracker-container .tasks-container ul li .delete-btn::before{content:'\f2ed';width:100%;height:100%;font-family:'Font Awesome 5 Free';font-size:18px;margin-right:10px;color:#fff;display:-ms-grid;display:grid;place-items:center}@media only screen and (max-width: 1400px){.main .task-tracker-container{width:60%}}@media only screen and (max-width: 980px){.main .task-tracker-container{width:80%}}@media only screen and (max-width: 720px){.main .task-tracker-container{width:95%}}@media only screen and (max-width: 500px){.main .task-tracker-container .task-tracker-header{height:40px}.main .task-tracker-container .add-task-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:120px}.main .task-tracker-container .add-task-wrapper .add-txt{height:40%;width:100%}.main .task-tracker-container .add-task-wrapper .add-btn{width:60%;height:60%}.main .github-link{top:90%;right:10px}.main .theme-button{top:90%;left:10px}}
/*# sourceMappingURL=style.min.css.map */