h1{padding:20px 0}body,h1{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Roboto",sans-serif;box-sizing:border-box}.App{text-align:center}header{background-color:#ccc;height:15vh;color:#282c34;font-size:1.5rem;display:flex;justify-content:center;align-items:center}main{background-color:#282c34;color:#fff;height:75vh;overflow:auto;padding:30px 50px}footer{height:10vh;display:grid;place-items:center;background-color:#ccc}.App-link{color:#61dafb}.books-container{width:600px;margin:0 auto}.books{display:flex;flex-direction:column;min-height:30vh;font-weight:700}.book{padding:8px;margin:10px;background-color:#ccc;border-radius:50px;color:#282c34;opacity:.9;position:relative}.book .book-title{font-size:1.2rem;margin-bottom:2px}.book .book-author{font-size:.8rem}.book .book-form-edit{display:flex;flex-direction:column;justify-content:center;align-items:center}.book .book-form-edit input{background:transparent;border:none;border-bottom:1px dotted #999;text-align:center;border-radius:20px;padding:3px 0;outline:none;width:200px}.book .book-form-edit .book-author,.book .book-form-edit .book-title{font-weight:400}.book .book-actions{position:absolute;top:50%;right:5%;transform:translateY(-50%)}.book .book-actions svg{margin:5px}.book .book-actions svg:hover{color:#2a5cc0}.book:hover{opacity:.75}.form-filter{width:100%}.form-add,.form-filter{padding:10px;display:flex}.form-add>*,.form-filter>*{padding:10px;background-color:#ccc;color:#282c34;border-radius:20px}.form-add input,.form-filter input{flex-grow:1;outline:none}.form-add input::-webkit-input-placeholder,.form-filter input::-webkit-input-placeholder{text-align:center;font-size:1rem;font-weight:700}.form-add input:-ms-input-placeholder,.form-filter input:-ms-input-placeholder{text-align:center;font-size:1rem;font-weight:700}.form-add input::-ms-input-placeholder,.form-filter input::-ms-input-placeholder{text-align:center;font-size:1rem;font-weight:700}.form-add input::placeholder,.form-filter input::placeholder{text-align:center;font-size:1rem;font-weight:700}.form-add input:focus::-webkit-input-placeholder,.form-filter input:focus::-webkit-input-placeholder{font-weight:400}.form-add input:focus:-ms-input-placeholder,.form-filter input:focus:-ms-input-placeholder{font-weight:400}.form-add input:focus::-ms-input-placeholder,.form-filter input:focus::-ms-input-placeholder{font-weight:400}.form-add input:focus::placeholder,.form-filter input:focus::placeholder{font-weight:400}.form-add input:focus,.form-filter input:focus{opacity:.8;font-weight:700}.form-add button:hover,.form-filter button:hover{opacity:.8}.form-add input{margin-right:10px}h1{text-shadow:2px 2px 2px #fff;font-family:"Indie Flower",cursive}.errors{color:red;font-weight:700}
/*# sourceMappingURL=main.19fd75a8.chunk.css.map */