:root{font-size:16px}body{background-color:#222;color:#aaa}.to-do-list{margin:0 auto;font-family:cursive;width:max-content;padding:30px;text-align:center;transform:scale(1.15)}h1{text-align:center;font-size:2.7rem;margin-bottom:18px}input[type=text]{padding-left:5px;font-size:1.2em;font-family:cursive;background-color:#333;color:#ccc;font-weight:700;border:none;border-radius:3px}.big{font-size:1.4em}button{border:none;color:#ccc;font-size:1.2em;border-radius:3px;font-weight:700;font-family:Calibri;background-color:#333;margin-left:5px}button:hover{transition:all .5s ease}li{list-style-position:inside;margin-bottom:10px;background-color:#000;padding:15px;border-radius:5px;border:none;display:flex;box-shadow:0 0 4px 1px #4d4d4d}ol{padding:0}.text{flex:1}span{font-size:larger}.move-task{font-size:1.05em}.add-task:hover{box-shadow:inset 0 0 5px .5px #009921}.add-task:active{transition:none;background-color:#005c00}.delete-task:hover{box-shadow:inset 0 0 5px .5px #b30000}.delete-task:active{transition:none;background-color:#d40000}.move-task:hover{box-shadow:inset 0 0 5px .5px #005cb3}.move-task:active{transition:none;background-color:#057}