*{margin:0;padding:0;box-sizing:border-box}button,input,textarea,select{font-family:inherit}body{font-family:Times New Roman,Times,serif;background-color:#1b1b1e}.headerFooterStyle{background-color:#373f51;text-align:center;color:#58a4b0;padding:1.25rem}footer{position:fixed;bottom:0;width:100%}.container{margin:6rem auto 10rem;padding:3.125rem;background-color:#58a4b0;max-width:29.0625rem;border-radius:1.25rem;overflow-wrap:break-word;word-break:break-word}.inputWrapper{display:flex;justify-content:center;align-items:center;flex:1;gap:.625rem}.taskBtn{white-space:nowrap;font-weight:600}.taskStyle{color:#373f51;font-size:1rem;background-color:#a9bcd0;border:1px solid #1B1B1E;padding:.625rem 1.875rem;border-radius:.625rem}.listStyle{list-style:none;padding:0;margin:0}.listItemBox{display:flex;justify-content:space-between;align-items:center;background-color:#a9bcd0;padding:.625rem .9375rem;margin:.5rem 0;border-radius:.625rem;border:.0625rem solid #1B1B1E;max-width:22.875rem}.deleteBtn{padding:.125rem .375rem;color:#373f51;font-weight:600;background-color:#d8dbe2;border:.0625rem solid #1B1B1E;border-radius:.125rem;margin-left:.3125rem}.completedStyle{text-decoration:line-through;opacity:.5}input[type=checkbox]{width:1.25rem;height:1.25rem;flex-shrink:0;accent-color:#1B1B1E;cursor:pointer;margin-right:.625rem}.taskStyle:hover{background-color:#d8dbe2}.deleteBtn:hover{background-color:#1b1b1e;color:#fff}