@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);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}*{margin:0}:root{--Green:#00804f}body{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;font-family:"Raleway",sans-serif;font-size:1rem;position:relative}.header{height:10vh}.footer,.header{background-color:#00804f;background-color:var(--Green);width:100vw;text-align:center;display:flex;flex-direction:column;justify-content:center}.footer{height:5vh;font-size:.7rem;position:absolute;bottom:0}.heading{width:100vw;margin-top:3rem;text-align:center;display:flex;flex-direction:column;justify-content:center}.heading h1{margin-bottom:1rem}.genre{display:flex;flex-direction:column;justify-content:center;align-items:center}.genreBtns{margin-top:2rem;width:60%;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap}.btn{font-size:1rem;margin:10px;padding:1rem;border:1px solid #00804f;border:1px solid var(--Green)}.btn:hover{box-shadow:0 2px 5px #000;background:none;background-color:#00804f;background-color:var(--Green);color:#fff}.books{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}.books h4{display:block;width:60%;padding:1rem;margin:5px;border:1px solid #00804f;border:1px solid var(--Green)}@media screen and (max-width:450px){.heading{font-size:1rem}.genreBtns,.heading{margin-top:1rem}.btn{padding:.8rem;font-size:1rem}}
/*# sourceMappingURL=main.6e434918.chunk.css.map */