body{background:#f1f2f3 url(https://cdn.dribbble.com/userupload/22257206/file/original-823750a6ae59eb6fd5857fa2aa95b589.jpg?resize=752x&vertical=center) 50%/cover no-repeat;margin:0;padding:0}.container{margin-inline:auto;width:min(100% - 30px,1080px)}.logo{color:#1c2631;padding-top:40px;text-align:center}.create-item{display:flex;justify-content:center;margin:40px 0}.create-item input{border:1px solid #fff;border-radius:10px;height:40px;padding:8px;transition:border-color .3s ease;width:50%}.create-item input:focus{border-color:#10882c}.create-item button{background-color:#10882c;border-radius:10px;color:#e2e2c5;height:40px;margin-left:10px;padding:8px 0;transition:.5s ease-in-out;width:10%}.create-item button:hover{background-color:#48aa5f}.display-item{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-items:center}.maintain-item{word-wrap:break-word;background-color:#f1e469;border-radius:10px;height:auto;padding:10px;width:350px}.maintain-item.completed{background-color:#d4edda}.button-group button{background-color:initial;margin-left:15px}.button-group svg{color:#4b5663;transition:transform .2s ease}.button-group button:hover svg{transform:scale(1.2)}.editing{display:grid}.task-text{height:60%;margin-bottom:10px}.date-btn{align-items:center;color:#4b5663;display:flex;font-size:13px;height:40%;justify-content:space-between}.editing-btn-group{display:flex;gap:20px;justify-content:center;margin-top:20px}.btn-save{background-color:#62b374;border-radius:5px;color:#fff;height:30px;width:60px}.btn-save:hover{background-color:#2f5537;transition:.5s}.btn-cancel{background-color:initial;border:1px solid #62b374;border-radius:5px;height:30px;width:60px}.btn-cancel:hover{background-color:#fff;transition:.5s}.editing input{border-radius:5px;height:30px;line-height:30px;padding:0 10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-spin{animation:spin 2s linear infinite}main{margin-bottom:100px;min-height:calc(100vh - 170px)}footer{align-items:center;display:flex;gap:20px;height:70px;justify-content:center;width:100%}footer p{color:#2c3947;font-size:20px;font-weight:500}footer img{height:40px;width:40px}@media screen and (max-width:1200px){.display-item{gap:20px;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.display-item{gap:20px;grid-template-columns:repeat(1,1fr);place-items:center}}@media screen and (max-width:480px){.create-item input{width:80%}.create-item button{width:20%}}
/*# sourceMappingURL=main.e8d22176.css.map*/