body{background-image:url(/assets/TDLBG-BaiABRpv.jpg);background-repeat:no-repeat;background-position:top;background-size:550px;margin:0;padding:0;font-family:sans-serif;background-color:#e0ffff}.title{background-color:pink;padding:5px}.home{display:flex;flex-direction:column;align-items:center;margin-top:90px}.create_form{display:flex;gap:2px}.create_form input{width:300px;padding:10px;border:2px solid #ccc;border-radius:4px;outline:none;font-size:16px}.create_form button{padding:10px;background-color:green;color:#fff;cursor:pointer;border:none;border-radius:5px;font-size:16px}.task{display:flex;width:367px;padding:5px;border:2px solid #ccc;border-radius:5px;font-size:16px;align-items:center;color:#fff;background-color:#000;justify-content:space-between;margin-top:5px;height:30px}.checkbox{display:flex;align-items:center}.line_through{text-decoration:line-through}.checkbox .icon{margin-right:5px;font-size:15px}.task div span{margin:0 5px 0 4px}.task div .icon{cursor:pointer}@media (max-width: 1024px){.create_form input{width:250px;font-size:15px}.task{width:320px;font-size:15px}}@media (max-width: 600px){body{background-size:cover;background-position:center}.home{margin-top:60px;padding:0 15px;align-items:stretch}.create_form{flex-direction:column;gap:10px;width:100%}.create_form input,.create_form button{width:100%;font-size:14px}.task{width:100%;font-size:14px;height:auto;flex-wrap:wrap}.checkbox .icon{font-size:14px}}