*{margin:0;padding:0}.header-container ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333}.header-container li{float:left}.header-container li a{display:block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}.header-container li a:hover:not(.active){background-color:#111}.header-container .active{background-color:#00915c}.footer-container{position:fixed;left:0;bottom:0;width:100%;padding:10px;background-color:#26a126;color:#fff;text-align:center}.todo-container{display:flex;flex-direction:column;margin:200px auto 0;min-width:300px;width:500px;height:100vh}.todo-container .todo-title{margin-bottom:20px;text-align:center;background:linear-gradient(94deg,red,#fd0 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.todo-container .todo-content-container{border:1px solid rgba(0,0,0,.3);border-radius:10px;padding:10px}.todo-container .todo-content-container .todo-input-container input{width:400px;height:20px}.todo-container .todo-content-container .todo-input-container input:focus{outline:none}.todo-container .todo-content-container .todo-input-container button{border-radius:10px;margin-left:20px;height:26px;width:50px;color:#fff;font-weight:700;border:none;background:linear-gradient(94deg,#007eff,#6800ff 80%);cursor:pointer}.todo-container .todo-content-container .todo-content .list-todo{list-style:none;padding:0;font-size:18px}.todo-container .todo-content-container .todo-content .list-todo li{margin-top:10px}.todo-container .todo-content-container .todo-content .list-todo li .delete-todo{cursor:pointer;float:right;color:red}