body{font-family:sans-serif;color:#202121}input{border-radius:8px;border:none;padding:4px 8px}button{border-radius:8px;border:none;padding:2px 10px;margin:2px}button:hover{background-color:#658b8d;color:#fff;cursor:pointer}.input-area{background-color:#0ff;width:400px;height:30px;margin:8px;padding:8px;border-radius:8px}.imcomplite-area{border:2px solid #00aaff;background-color:#9cec7f;width:400px;min-height:150px;margin:8px;padding:8px;border-radius:8px}.complited-area{border:2px solid #00aaff;background-color:#b9c2c8;width:400px;min-height:150px;margin:8px;padding:8px;border-radius:8px}.area-title{text-align:center;margin-top:0;font-weight:700}.task-list{display:flex;align-items:center}.task-list p{margin:6px 16px 6px 6px}