body{margin:0;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}.nav{display:flex;flex-direction:column}.nav h1,.row,ul{justify-content:center;align-self:center;text-transform:uppercase}.nav ul{margin-left:-1.3rem;margin-right:1rem}.nav ul li{display:inline;padding:1rem .5rem;margin:-4.6rem .5rem}.row{text-transform:capitalize;font-weight:700;padding:10px;margin:1rem 0;cursor:pointer}@media screen and (width:250px){.nav ul{margin-left:-1.3rem;margin-right:1.3rem}.nav ul li{margin:1rem .3rem}}.booklists{display:flex;flex-direction:column}.booklists h1,p{text-align:center}.outer{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:80%}.empty{text-align:center;padding:8rem 2rem}.new-book{width:50%;margin:1rem auto}.new-book h3{text-align:center;text-transform:uppercase}form{width:100%;margin:auto;display:flex;align-content:center;flex-direction:column}input,label{display:block;padding:10px}input[type=number],input[type=submit],input[type=text]{border-radius:10px;outline:none}input[type=submit]{margin:10px 0;background:#555;cursor:pointer}@media screen and (width:250px){.new-book{width:80%}}.book-card{width:300px;background:#333;margin:.5rem 1rem;padding:1rem;border-radius:10px;box-shadow:0 0 1px 1px #ddd}.card-header{font-size:1rem;font-weight:700;padding:10px 0;margin-bottom:5px}.card-body{display:grid;grid-template-columns:repeat(2,1fr)}.card-body img{width:100%;height:200px}.card-body span{text-align:end;padding:0 20px}.card-footer{font-style:italic;font-size:18px;padding:10px;margin-top:10px;justify-content:space-between;display:flex}.delete-btn{height:2rem;border-radius:10px;background:red;margin-top:20px;cursor:pointer;margin-left:10px}@media screen and (width:250px){.book-card{width:100%;margin:.5rem 0}.card-body{display:block}.card-footer{display:flex;flex-direction:column;align-content:center;margin-top:0}.delete-btn{margin-top:0}}*{box-sizing:border-box}body,html{margin:0;padding:0}.app{position:relative}.btn{position:absolute;top:.5rem;right:.5rem;border-radius:20px;padding:10px;outline:none;cursor:pointer}@media screen and (width:250px){.btn{top:3rem;right:30%}}
/*# sourceMappingURL=main.fea29847.chunk.css.map */