html {box-sizing: border-box;font-size: 16px;font-family: "Trebuchet MS", Arial, sans-serif;background-color: rgb(245, 247, 250);}body, h1, h2, h3, h4, p {margin: 0;padding: 0;}*, *::before, *::after {box-sizing: border-box;}body {display: block;background-color: rgb(245, 247, 250);}body > header {display: flex;justify-content: space-between;align-items: center;padding: 20px 4rem;background-color: white;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);}body > header h1 {color: #172554;}body > header a {text-decoration: none;}main {max-width: 1000px;margin: auto;margin-top: 2rem;}main section {padding: 0.8rem 1.5rem;}main section:last-child {margin-bottom: 0;}.section__form {display: block;}.section__form h2 {text-align: center;}.section__form form {max-width: 320px;margin: 1rem auto;padding-top: 1.5rem;border-radius: 8px;overflow: hidden;background-color: white;}.section__form form div {margin-bottom: 1rem;padding: 0 1.5rem;}.section__form form label {font-size: 0.9rem;color: rgba(0, 0, 0, 0.8);}.section__form form input {display: block;width: 100%;padding: 8px 12px;border: none;border-radius: 5px;background-color: rgb(245, 247, 250);}.section__form form input[type="checkbox"] {display: inline;width: auto;}.section__form form button {width: 100%;padding: 16px;border-radius: 0;font-size: 1rem;font-weight: 600;color: white;background-color: #172554;}.section__form form button:hover {background-color: #1e1b4b;}button {border: 0px;margin-right: 4px;padding: 8px 10px;font-family: "Trebuchet MS", Arial, sans-serif;font-size: 0.8rem;border-radius: 6px;letter-spacing: 1px;cursor: pointer;}.btn-delete {color: rgb(211, 86, 86);background-color: white;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);}.btn-delete:hover {background-color: rgba(0, 0, 0, 0.08);}.btn-finish {color: white;background-color: #16a34a;}.btn-finish:hover {background-color: #15803d;}.btn-unfinish {background-color: #fbbf24;}.btn-unfinish:hover {background-color: #f59e0b;}.section__tools {background-color: inherit;}.section__tools div {margin-top: 1rem;}.section__tools input[type="search"] {padding: 10px 16px;margin-left: 8px;border: none;font-size: 1rem;border-radius: 5px;color: rgba(0, 0, 0, 0.7);background-color: white;}.section__tools button {padding: 12px 16px;font-weight: 600;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);}button#populateButton {color: white;background-color: #3b82f6;}button#emptyButton {color: rgb(211, 86, 86);background-color: white;}.section__books h2 {margin-bottom: 1rem;}.section__books #finishedBooks, .section__books #unfinishedBooks {border: 0.8px solid rgba(0, 0, 0, 0.3);border-radius: 16px;overflow: hidden;background-color: white;}.section__books #finishedBooks .empty-book, .section__books #unfinishedBooks .empty-book {padding: 12px;font-style: italic;}.section__books .book {padding: 16px 24px;background-color: white;border-bottom: 0.8px solid rgba(0, 0, 0, 0.3);}.book header {margin-bottom: 0.6rem;}.book .book__title {display: inline;}.book .book__year {font-style: italic;font-weight: 400;font-size: 1rem;color: rgba(0, 0, 0, 0.7);}.book .book__author {margin-bottom: 0.4rem;}.book button {margin-right: 8px;}footer {margin-top: 2rem;padding: 16px;background-color: #172554;color: rgba(255, 255, 255, 0.8);text-align: center;letter-spacing: 0.6px;}