.incomplete-container{display:flex;width:auto;flex-direction:column;justify-content:center;align-items:center;margin-top:50px}.incomplete-container h1{font-size:2rem;margin-bottom:20px}.todo-list{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}input[type=text]{font-size:16px;padding:10px;border:none;border-radius:5px;box-shadow:0 0 5px #0000001a;width:75%;margin-right:10px}button[type=submit]{background-color:#333;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:gold}.todo{display:flex;justify-content:center;align-items:center;margin-bottom:10px;border-radius:5px;box-shadow:0 2px 4px #0003;padding:10px}.todo span{margin-right:10px}.todo button{color:#fff;background-color:#333;border:none;border-radius:5px;padding:5px 10px;margin-left:10px;cursor:pointer;transition:background-color .3s ease}.todo button:hover{background-color:gold}@media only screen and (max-width: 600px){.incomplete-container h1{font-size:1.5rem}.incomplete-container form{flex-direction:column;align-items:center}.incomplete-container input[type=text]{width:100%;margin-bottom:.5rem}.incomplete-container button{width:100%}}.completed-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:50px}.completed h1{font-size:2rem;margin-bottom:20px}.completed>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;width:60%;padding:10px;border:1px solid #333;border-radius:5px}.completed>div span{margin-right:10px}.completed>div input[type=checkbox]{margin-right:10px}.completed>div button{background-color:#333;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.completed>div button:hover{background-color:gold}.todo img{width:20px;height:20px;cursor:pointer;margin-right:10px;transition:transform .2s ease}.todo img:hover{transform:scale(1.2)}@media only screen and (max-width: 600px){.completed-container h1{font-size:1.5rem}.completed-container div{flex-direction:column;align-items:center}.completed-container input[type=checkbox],.completed-container span{margin-right:0}.completed-container button{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.navbar{background-color:#333;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:20px}.navbar-left{display:flex;align-items:center}.navbar-logo{text-decoration:none;color:#fff;font-size:larger;margin-left:25px}.navbar-right{font-size:large;display:flex;align-items:center;padding-right:30px}.navbar-link{text-decoration:none;color:#fff;display:flex;align-items:center;margin-left:20px;transition:color .3s ease;padding-right:30px}.navbar-link:hover{color:gold}.navbar-link img{width:23px;margin-right:5px;filter:brightness(100)}@media only screen and (max-width: 768px){.navbar-link-text{display:none}.navbar-link img{margin-right:0;width:28px}}@media only screen and (max-width: 768px){.navbar-logo{margin-left:10px}.navbar-right,.navbar-link{padding-right:10px}}