:root{overflow:hidden;background-color:red}.whole-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.header-container{font-size:1.6em}.main-container{display:flex;justify-content:center;align-items:center;flex-direction:column;border:1px solid rgba(245,245,245,.301);border-radius:7px;padding:5px;width:800px;overflow-y:auto;max-height:70vh}.input-container{display:flex;justify-content:center;align-items:center;gap:10px}.input-container input{width:700px;height:30px;border:none;outline:none;padding:3px 5px;font-size:1em;font-weight:700;border-radius:8px}.input-container button{padding:5px 20px;border:none;outline:none;border-radius:5px;background-color:tomato;color:#fff;font-weight:700;transition:all .5s}.input-container button:hover{background-color:#f5816c}.todolist-container{padding:5px;width:785px;max-height:50vh;overflow-y:auto}ol{list-style:none}li{display:flex;justify-content:center;align-items:center;gap:30px;font-size:1.5em;font-weight:600}.Description{flex:1;flex-grow:1;flex-shrink:1;flex-basis:0%;max-width:500px;transform:translateY(-3px)}button{padding:3px 15px;border:none;outline:none;border-radius:5px}.delete-btn{background-color:#fa1e1e;transition:all .5s}.delete-btn:hover{background-color:#fd4343}.MoveUp-btn{background-color:#ffff7b;transition:all .5s}.MoveUp-btn:hover{background-color:#f8f8b5}.MoveDown-btn{background-color:#ffff7b;transition:all .5s}.MoveDown-btn:hover{background-color:#f8f8b5}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#394049}::-webkit-scrollbar-thumb{background:linear-gradient(#604e91,#442d42);border-radius:20px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;background-color:#242424}