*,:after,:before{box-sizing:border-box}body{background:#f7f9fd}body,h1,h2,h3,p{margin:0}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:70%}.header{text-align:center}.logo{display:block;margin:0 auto}.header h1{font-size:.9375rem}.form{background-color:#fff;border:2px solid #fff;border-radius:15px;padding:30px}.form input[type=text]{box-sizing:border-box;margin:10px;padding:10px 20px;width:70%}.add-btn{background-color:gray;background-image:linear-gradient(90deg,#cbcfd6,gray);border:none;border-radius:6px;color:#fff;font-size:1rem;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none}.add-btn,.category p span{cursor:pointer;display:inline-block}.category p span{background-color:#f0f0f0;border-radius:8px;margin:0 5px;padding:6px 12px;transition:background-color color .3s .3s}.work.active{background-color:#eff6ff;border:1px solid blue;color:blue}.personal.active{background-color:#f0fdf4;border:1px solid #90ee90;color:#90ee90}.study.active{background-color:#faf5ff;border:1px solid purple;color:purple}.work:hover{background-color:#eff6ff;border:1px solid blue;color:blue}.personal:hover{background-color:#f0fdf4;border:1px solid #90ee90;color:#90ee90}.study:hover{background-color:#faf5ff;border:1px solid purple;color:purple}.info{display:flex;justify-content:space-between;margin-top:40px}.info div{border-radius:8px;cursor:pointer;height:100px;width:200px}.info p span{display:inline-block;width:100%}.total-task{background-color:#eff6ff}.total-task span{color:blue}.completed-task{background-color:#f0fdf4}.completed-task span{color:#5c955c}.success-rate{background-color:#faf5ff}.success-rate span{color:purple}.search{padding:30px}.search input[type=text]{border-radius:3px;box-sizing:border-box;padding:12px 20px;width:100%}.task-filter{background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;padding:20px;width:80%}.task-filter div{background-color:#f0f0f0;border-radius:8px;cursor:pointer;padding:10px 15px;transition:background-color color .3s .3s}.list-item{list-style-type:none;padding:20px}.list-item li{background-color:#fff;border-left:4px solid green;border-radius:8px;margin-bottom:10px;padding:15px 6px}.completed{color:gray;text-decoration:line-through}.remove{cursor:pointer;margin-bottom:60px;margin-left:90%;text-align:center}
/*# sourceMappingURL=main.a48aa2a3.css.map*/