.reset-button{box-shadow:none;cursor:pointer;min-width:25%;height:max-content;font:inherit;background:0 0;border:5px solid #000;border-radius:15px;outline:none;padding:10px}.reset-button:hover{color:#1d6de6;border:3px solid #1d6de6}.todo-input{border:3px solid #000;border-radius:15px;justify-content:space-between;display:flex}.todo-input__input{box-shadow:none;font:inherit;color:inherit;appearance:none;background:0 0;border:0;outline:none;width:100%;margin:0;padding:10px;line-height:1}.todo-input:hover{border:3px solid #1d6de6}.todo-input__add-button{box-shadow:none;font:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}.todo-input__add-button:hover:not(:disabled){color:#1d6de6}@media (width<=320px){.todo-input{border:3px solid #000;border-radius:15px;justify-content:space-between;width:100%;display:flex}.todo-input__input{box-shadow:none;font:inherit;color:inherit;appearance:none;background:0 0;border:0;outline:none;margin:0;padding:10px;line-height:1}.todo-input:hover{border:3px solid #1d6de6}.todo-input__add-button{box-shadow:none;font:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}.todo-input__add-button:hover:not(:disabled){color:#1d6de6}}.todo-item{border:2px solid #000;border-radius:20px;flex-direction:row;justify-content:space-between;width:100%;min-width:100%;margin-top:5px;margin-bottom:5px;display:flex}.todo-item__complete{text-decoration:line-through}.todo-item__delete-button{box-shadow:none;font:inherit;background:0 0;border:none;outline:none;margin:0;padding:0}.todo-item__delete-button:hover{color:#1d6de6}.todo-container{min-width:60%;min-height:400px;font-family:Outfit Variable,sans-serif}.todo-container__header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.todo-container__content{flex-flow:column wrap;flex:1;place-content:center;display:flex}.todo-container__placeholder{color:#888;flex-direction:row;justify-content:center;width:100%;margin:10px 0;display:flex}@media (width<=320px){.todo-container{min-width:100%;min-height:100vh}.todo-container__content{flex-flow:column;justify-content:flex-start;width:100vw;margin:0;padding:0}}