@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap);*{margin:0;padding:0;font-family:Lexend Deca,sans-serif}#app{font-family:sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#161722}.container{height:100vh;width:100%}.one{height:40%;width:100%;background-image:url(/img/bg-desktop-dark.b69c1296.jpg);background-repeat:no-repeat;background-size:cover;transition:all .3s}.light{background-image:url(/img/bg-desktop-light.c2b0ff8f.jpg)}.two{height:60%;min-height:400px;width:100%;background-color:#161722;transition:all .3s}.bglight{background:#fafafa;color:#9394a5}.main{width:600px;height:50vh;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.heading>h1{font-size:3rem;letter-spacing:10px;font-weight:500}.bg-changer{position:absolute;right:10px;top:10px;cursor:pointer}.input-field{margin-top:40px}.input-text{width:93%;border:none;font-size:18px;border-radius:7px;padding:20px 15px;background-color:#25273c;color:#fff;outline:none}.inputlight{color:#25273c;background-color:#fff}ul{list-style:none;background-color:#25273c;margin-top:30px;width:98%;max-height:60vh;overflow-y:scroll;border-radius:7px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background-color:#7276a1}.listbg{background-color:#fff;box-shadow:1px 1px 2px 3px #f0f1ff;color:#4d5066}li{overflow:hidden;padding:20px 10px;border-bottom:1px solid #4d5066;display:grid;grid-template-columns:1fr 20fr 1fr}li>p{padding:0 10px;font-size:16px;text-align:left;display:inline-block}.strike{text-decoration:line-through;color:#4d5066}li>div{display:inline-block;float:right;cursor:pointer}.bottom{display:flex;justify-content:space-between;color:#4d5066;padding:15px}.filter span{margin:0 10px}span{cursor:pointer;font-size:14px;transition:all .2s}span:hover{color:#3a7bfd}#checked{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:18px;border-radius:50%;width:18px;border:1px solid #4d5066;cursor:pointer;background:#1a2b2e}#checked:after{content:"\2713";color:#fff;margin-left:4px;margin-bottom:4px;font-size:10px;display:none;background-image:linear-gradient to right #57ddff #c058f3}#checked:checked{background:linear-gradient #57ddff to #c058f3}#checked:hover{border:1px solid aqua}#checked:checked:after{display:block}.addtodo{display:flex;justify-content:center;align-items:center;margin:50px 0;border-radius:7px;width:97%;font-size:30px;height:20vh;background-color:#25273c;color:#7276a1}.lightbg{background-color:#fafafa;color:#9394a5}@media screen and (max-width:650px){#app{background-color:#161722}#app .lightgb{background-color:#fff}.one{background-image:url(/img/bg-mobile-dark.8a75bea8.jpg)}.two{height:400px;min-height:300px;max-height:1000px}.light{background-image:url(/img/bg-mobile-light.e1f3dd5e.jpg)}.main{width:90%}.heading>h1{font-size:2rem}input[type=text]{width:91%}ul{width:100%;margin-bottom:50px}li>span{right:20px}.bottom{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.bottom>span{order:1}.clear-completed{text-align:right}.filter{order:2;grid-column-start:1;grid-column-end:span 2;grid-row-start:2;text-align:center;grid-row-end:3}.filter span{margin:20px 5px}}