@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Lexend Deca,sans-serif}.title{font-size:2rem;font-weight:700;color:#dadada;transform:translate(-20px);margin-bottom:15px;text-align:center}body{background:#2c2d30;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px}.inputform{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;width:100%}input[type=text]{padding:12px 16px;background-color:#2c2d30;color:#bababa;border-radius:8px;border:1px solid #ccc;width:70%;font-size:1rem}input[type=text]:focus{border-color:#02d869;outline:none}.add{padding:12px 20px;background-color:#2c2d30;color:#c3c3c3;border:2px solid;border-color:#c3c3c3;border-radius:8px;cursor:pointer;font-size:1rem}.add:hover{background-color:#c3c3c3;color:#2c2d30}.eachTask{background-color:#bababa;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:15px 20px;margin-bottom:15px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%;max-width:600px}.eachTask p{flex:1;font-size:1.1rem;word-break:break-word}.eachTask button{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:8px;border-radius:6px}button.delete{background-color:#cf3322!important;color:#fff!important;padding:10px 16px;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.delete:hover{background-color:#972a1e!important}.moveup,.movedown{background-color:#07b84ecb!important}.moveup:hover,.movedown:hover{background-color:#197837d9!important}input[type=color]{width:30px;height:30px;border:none;border-radius:6px;cursor:pointer}@media (max-width: 600px){input[type=text],.add{width:100%}.eachTask{flex-direction:column;display:flex;align-items:flex-start}.eachTask button{font-size:1.5rem}}