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}.navbar__list{list-style-type:none;margin:0 auto;padding:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;height:100%}@media(min-width:768px){.navbar__list{-webkit-flex-direction:row;flex-direction:row}}.navbar__list-item{padding:0 .5rem .5rem}@media(min-width:768px){.navbar__list-item{padding-bottom:0}}.navbar__link{text-decoration:none;color:#f7f7f6;border-bottom:2px solid transparent}.navbar__link--active{border-bottom:2px solid #f7f7f6}.header{border:2px solid #212e6a;border-bottom:none}.header__container{background-color:rgba(105,105,241,.6);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;padding:0 2rem}@media(min-width:768px){.header__container{-webkit-flex-direction:row;flex-direction:row}}.header__title{color:#f7f7f6;text-align:center}.genre{margin:2rem}.genre__container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;text-align:center}.genre__book-container{position:relative;margin-bottom:60px}@media(min-width:768px){.genre__book-container{max-width:calc(50% - 4rem)}}.genre__book-cover{min-width:30%;max-width:50%}.genre__title{margin:0;position:absolute;top:42%;left:49%;color:#f7f7f6;-webkit-transform:translate(-50%,-50%) rotate(-18deg) skew(18deg,3deg);transform:translate(-50%,-50%) rotate(-18deg) skew(18deg,3deg);text-align:center;max-width:100px;font-size:100%}@media(min-width:768px){.genre__title{font-size:140%;top:41%;left:49%}}.genre__description{margin-bottom:0}.genre-list{margin:0;padding:1rem 0 2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;text-align:center}.section-title{width:50%;margin:1rem auto 4rem;text-align:center}@media(min-width:768px){.section-title{width:30%}}.section-title__name{margin:1rem auto;border-bottom:2px solid #212e6a;padding-bottom:.25rem}.main__content{border:2px solid #212e6a;border-bottom:none;margin:0;padding:0 0 2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;text-align:center}.main__content:nth-child(odd){background-color:rgba(127,135,181,.6)}.main__content:nth-child(2n){background-color:rgba(105,105,241,.6)}.main__content-container{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media(min-width:768px){.main__content-container{-webkit-flex-direction:row;flex-direction:row}}.book{margin:2rem}@media(min-width:768px){.book{max-width:calc(50% - 4rem)}}.book__container{position:relative}.book__cover{min-width:30%;max-width:50%}.book__title{margin:0;position:absolute;top:42%;left:49%;color:#fff;-webkit-transform:translate(-50%,-50%) rotate(-18deg) skew(18deg,3deg);transform:translate(-50%,-50%) rotate(-18deg) skew(18deg,3deg);text-align:center;max-width:100px;font-size:100%}@media(min-width:768px){.book__title{font-size:140%;top:41%;left:49%}}.book__description{margin-bottom:0}.books-by-genre-page{border:2px solid #212e6a;margin:0;padding:0 0 2rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;min-height:100vh}.book__container,.books-by-genre-page{display:-webkit-flex;display:flex;text-align:center}.book__container{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.genre-page{border:2px solid #212e6a;margin:0;padding:0 0 2rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;text-align:center}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2) format("woff2")}@font-face{font-family:"Ubuntu";font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjsGyNPYZvgw.woff2) format("woff2")}*{box-sizing:border-box}body,html{font-family:"Ubuntu"}
/*# sourceMappingURL=main.66f0742e.chunk.css.map */