@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&family=Kumbh+Sans:wght@200;600&display=swap);.header{display:flex;justify-content:center;position:relative}.header img{object-fit:contain}.header div{color:#fff;display:flex;font-size:2rem;font-weight:700;justify-content:space-between;left:10;letter-spacing:13px;margin-top:4.5rem;position:absolute;top:0;width:450px}.header div img{cursor:pointer;height:21px;width:21px}.todo-list{margin-top:9.5rem;position:absolute;width:450px}.todo-list__create{border-radius:7px;display:flex;margin-bottom:1.5rem;padding:1rem 1.4rem}.todo-list__create div{border:1px solid hsla(0,0%,59%,.2);border-radius:50%;height:19px;margin-right:1.5rem;width:24px}.todo-list__create input{border:none;font-size:14px;letter-spacing:1px;outline:none;width:400px}.todo-list__create input::-webkit-input-placeholder{color:#767992}.todo-list__create input::placeholder{color:#767992}.todo-list__create button{border:none;border-radius:7px;cursor:pointer;font-size:12px;outline:none;padding:.3rem 1.2rem}.todo-list__filters{display:flex;font-size:12px;justify-content:space-around;padding:1rem 0}.todo-list__filters div{color:#767992;display:flex}.todo-list__filters div:last-of-type,.todo-list__filters__filter-light{cursor:pointer}.todo-list__filters__filter-light:hover{color:#494c6b;font-weight:700}.todo-list__filters__filter-dark{cursor:pointer}.todo-list__filters__filter-dark:hover{color:#fff;font-weight:700}.todo-list__filters #todo-list-filter-all{color:#3a7cfd!important;cursor:pointer;font-weight:700}.todo-list__filters #todo-list-filter-active{margin:0 .5rem 0 .6rem}.todo-list__drag-and-drop{color:#767992;display:flex;font-size:12px;justify-content:center;margin-top:2.5rem}.todo-item{align-items:center;border-bottom:1px solid hsla(0,0%,59%,.2);cursor:grab;display:flex;font-size:15px;justify-content:space-between;padding:1rem 1.4rem}.todo-item:first-of-type{border-top-left-radius:7px;border-top-right-radius:7px}.todo-item__text{align-items:center;display:flex}.todo-item__text div{border:1px solid hsla(0,0%,59%,.2);border-radius:50%;cursor:pointer;height:18px;margin-right:1.5rem;width:18px}.todo-item__delete{align-items:center;display:flex}.todo-item__delete img{cursor:pointer;height:15px;width:15px}.dragover{background-color:#171823!important}.app{align-items:center;display:flex;flex-direction:column;font-family:Josefin Sans,sans-serif;height:100vh;width:100vw}.body-dark{background-color:#171823}.body-light{background-color:#e3e4f1}.card-dark{background-color:#25273c;color:#c8cbe7}.card-light{background-color:#fff;color:#494c6b}.box-shadow-light{box-shadow:10px 60px 20px rgba(0,0,0,.2)}.box-shadow-dark{box-shadow:10px 60px 20px rgba(0,0,0,.5)}.button-light{background-color:rgba(200,203,231,.5);color:#000}.button-light:hover{font-weight:700}.button-dark{background-color:#171823;color:#767992}.button-dark:hover{color:#c8cbe7;font-weight:700}*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.de534497.css.map*/