:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;color:#fff;text-decoration:inherit}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:10px}button{border-radius:8px;border:1px solid grey;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;margin:10px;transition:border-color .25s}button:hover{border-color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.BookCard-container{border:1px solid grey;background-color:#3b3737;border-radius:10px;padding:30px;display:grid;margin-bottom:1em;max-width:800px}.bookcard-header{grid-column-start:2;grid-column-end:3;margin-right:1em;margin-left:.5em}.BookCard-aside{grid-column-start:1;grid-column-end:2;margin:0;display:flex;align-items:flex-start;padding:1em}.BookCard-main{grid-column-start:2;grid-column-end:3;display:flex;flex-direction:column;padding:1em;margin-left:.5em;margin-right:1em}.BookCard-divNoImage{grid-column-start:1;grid-column-end:2;display:flex;justify-content:center;align-items:center;text-align:center;width:125px;height:200px;border:1px solid grey}@media only screen and (max-width: 620px){.BookCard-container{padding:10px;display:flex;flex-direction:column;margin-bottom:1em}}.Home-container{display:flex}.Home-header{display:flex;flex-direction:column}.Home-h1{margin:0;padding-bottom:10px}.Home-form{max-width:600px;display:flex;justify-content:center;justify-content:space-between;align-items:center}.Home-input{flex:1;height:30px;font-size:large}.Home-figure{margin:0}.Home-ul{display:flex;flex-direction:column;padding-left:0}@media only screen and (max-width: 620px){.Home-form{width:100%;display:flex;justify-content:center;justify-content:space-around;align-items:center}}.Profile-container{display:flex;justify-content:center}.login-header{text-align:center}.login-input{font-size:large;padding:5px}table{min-width:500px;border-collapse:collapse;font-family:sans-serif}th,td{padding:12px;text-align:left;border:1px solid #ddd}.hover-underline:hover{text-decoration:underline;cursor:pointer}.Navbar-nav{display:flex;justify-content:space-between;padding:1em;max-width:955px}.Navbar-link-logo{display:flex;align-items:center;margin-left:20px}.Navbar-logo{width:50px}.Navbar-logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.Navbar-link{text-decoration:none;color:inherit}.Navbar-ul{list-style-type:none;display:flex;justify-content:center;justify-content:space-around;padding-left:0;padding-right:5em}.Navbar-li{border:1px solid rgba(255,255,255,.5);border-radius:10px;text-align:center;padding:.5em 3em;margin-left:2em}.Navbar-li:hover{background-color:#f7f7f7;color:#000;border:1px solid rgb(4,4,7)}@media only screen and (max-width: 620px){.Navbar-ul{flex-direction:column;gap:10px;justify-content:center;justify-content:space-around;padding-left:0;padding-right:0}.Navbar-nav{display:flex;justify-content:space-around;padding:1em}}.App-main{padding:2em}@media only screen and (max-width: 620px){.App-main{padding:1em}}