.to-do-list{font-family:Arial,Helvetica,sans-serif;text-align:center;margin-top:100px}h1{font-size:4rem}button{font-size:1.7rem;font-weight:700;padding:10px 20px;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .5s ease;border:none}.add-bttn{background-color:#31a854}.add-bttn:hover{background-color:#45ff7d}.dt-btn{background-color:red}.dt-btn:hover{background-color:brown}.up-btn:hover,.down-btn:hover{background-color:#a9a9a9}input[type=text]{font-size:1.6rem;padding:10px;border:2px solid grey;border-radius:5px;color:#000;margin-bottom:20px}ol{padding:0;width:40%;margin:0 auto}ol li{font-size:1.5rem;font-weight:700;padding:15px;background-color:#f5f5f5;border-radius:5px;display:flex;align-items:center;margin-bottom:10px}.text{flex:1}@media screen and (max-width: 850px){ol{width:80%}}