body{background-color:#ffae00}button{cursor:pointer;color:#fff;font-size:.8em;font-weight:700;border:none;border-radius:10px;transition:background-color 1.5s ease-in-out}ul{margin-top:50px}li{font-size:1.5em;font-weight:700;color:gray;background-color:#e6e6e6;border:2px solid hsl(0,0%,80%);border-radius:10px;width:auto;height:auto;margin-top:20px;padding:10px;align-items:center;display:flex}.tdl{font-family:Arial,sans-serif;margin-top:50px;text-align:center;display:block}.tdl-heading{font-size:40px;color:#1a1a1a}.tdl-input{padding:20px;border:2px solid hsl(0,0%,50%);border-radius:25px}.tdl-input[type=text]{font-size:1.5em}.tdl-add-button{font-size:1em;background-color:#00ff2f;padding:20px;margin-left:30px}.tdl-add-button:hover{background-color:#00cc25}.text{flex:1}.tdl-delete-button{background-color:red;margin-left:.5em}.tdl-delete-button:hover{background-color:#c00}.tdl-up-button,.tdl-down-button{background-color:#069;margin-left:.5em}.tdl-down-button:hover,.tdl-up-button:hover{background-color:#046}