@import url('https://fonts.googleapis.com/css2?family=Inter&family=Poppins&display=swap');*{margin:0;padding:0;box-sizing:border-box}:root{--main-color:#ECE3CE;--sec-color:#739072;--third-color:#4F6F52;--fourth-color:#3A4D39;--text-color:#f0f0f0}body{background-color:var(--main-color);font-family:'Inter',sans-serif}header{width:100%;background-color:var(--sec-color);color:var(--text-color)}header nav{padding:25px;letter-spacing:.3em}.container{display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.container>div{width:700px;padding:30px;box-shadow:0 2px 5px 2px #4F6F52;border-radius:8px;margin-top:30px}.form-container h1{text-align:center}.input-group{margin-top:20px}.input-group label{font-size:smaller}.input-group input{width:100%;margin-top:5px;padding:10px;border-radius:8px;border:2px solid var(--third-color)}#submit-todo{float:right;cursor:pointer;margin-top:20px;padding:8px;width:100px;border-radius:8px;background-color:var(--third-color);color:var(--text-color);border:none}.list-container{margin-top:10px}.list-container>div{padding:10px;background-color:#ade6a6;color:#272323;border-radius:8px}.outer{display:flex;justify-content:space-between}.outer:not(:nth-child(1)){margin-top:20px}.inner-div>h4{font-size:24px}.inner-div>p{margin-top:10px;font-size:smaller}.icon-container{align-self:center}.icon-container>button:not(:nth-child(1)){margin-left:10px}.finish-button,.delete-button,.undo-button{width:20px;height:20px;cursor:pointer;background:transparent;border:none;background-size:contain}.finish-button{background-image:url('../img/check-logo.png')}.delete-button{background-image:url('../img/delete-logo.png');background-size:cover}.undo-button{background-image:url('../img/undo-logo.png');background-size:contain};