*{box-sizing:border-box;font-family:roboto,Arial,Helvetica,sans-serif;margin:0;padding:0}header{font-size:.9em;margin:2rem auto .5rem;text-align:center;width:100%}header h1 span{color:#00a2cf;font-size:1.1em}.fa-book{color:#00a2cf;font-size:1em;margin:0 5px}@media screen and (min-width:578px){header h1{font-size:2.8em}}.book-form-parent{margin:20px auto;max-width:320px;width:100%}.book-form{text-align:center;width:100%}.book-form-inputs{all:unset;background-color:#dadada;border-radius:5px;font-family:inherit;margin:.5rem auto;max-width:100%;padding:8px 0 8px 10px;text-align:left!important;width:90%}.book-form-inputs:focus{outline:2px solid #b1a117}.book-form-submit-parent{margin:.5rem auto 1rem;max-width:100%}.book-form-submit{all:unset;background-color:#7caf03;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;padding:5px;text-align:center;transition:all .2s;width:90%}.book-form-submit:hover{background-color:#8dc902}.book-form-submit:hover .fa-square-plus{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-square-plus{margin:0 5px;transition:all .3s}.book-list-parent{margin:2rem auto;padding:0 10px;width:100%}table{background-color:hsla(60,56%,91%,.4);border:1px solid rgba(0,0,0,.3);border-collapse:collapse;border-radius:15px;margin:auto;max-width:450px;width:100%}.book-table-head{background-color:#fdd9ae;font-weight:500;padding:8px;text-align:left}.book-id-head{width:5%}.book-id-head,.book-id-value{border-right:1px solid rgba(0,0,0,.2)}.book-author-head:first-child,.book-name-head:first-child{width:40%}.book-publish-head:nth-child(3){width:15%}td{padding:5px 10px}tbody tr{cursor:pointer;transition:all .2s}tbody tr:nth-child(2n){background-color:beige}tbody tr:hover{background-color:#fa6969;color:#fff}tfoot{font-size:14px;text-align:center;width:100%}.form-error{color:red;font-weight:500;margin:1rem auto}@media screen and (min-width:768px){.book-list-parent{width:60%}table{max-width:100%}.book-form-parent{width:40%}main{display:flex;justify-content:center;margin:auto;max-width:992px}}
/*# sourceMappingURL=main.02a16da8.css.map*/