@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);html{font-size:62.5%}*{margin:0;padding:0;box-sizing:border-box}.App{width:100%;background:url(/static/media/background.94b619ef.png);background-size:cover;background-position:50%;background-repeat:repeat-y;scroll-behavior:smooth}.content__section{width:90%;margin:0 auto}.content__section__single{max-width:1300px;min-height:70vh;margin:0 auto;display:flex;justify-content:center;align-items:center}body{font-family:-apple-system,BlinkMacSystemFont,"Roboto Mono",monospace,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#474747}h1{font-size:5rem}h1,h2{font-weight:medium}h2{font-size:3.5rem}h3{font-size:2rem}p{font-size:1.7rem}.btn-text,a,li{font-size:2rem;text-decoration:none}a:visited{text-decoration:none!important}input{padding:.5em;margin:.5em;font-size:2rem;border:none;border-radius:5px}input:focus{outline:none}.navigation{width:100%;height:10vh;position:fixed;display:flex;align-items:center;justify-content:space-between;padding:2em 3em;z-index:9;transition:.6s ease;background:rgba(119,80,120,.5686274509803921)}#logo{color:#fff}.nav__items{list-style:none;width:45%;display:flex;align-items:center;justify-content:space-around}.nav__items li a,.nav__items li a:visited{font-size:3rem;color:#474747;cursor:pointer}.nav__items li{transition:.4s ease}.nav__items li a:hover{color:#fff}.nav__items li:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.navigation__scroll__active,.navigation__scroll__active .nav__items li a:visited{background:#775078;color:#fff}.nav__items__hamburger{display:none}@media only screen and (max-width:700px){.navigation{padding:2em .5em;background:#775078}#logo{font-size:3rem}.nav__items__hamburger{display:block;font-size:4rem;margin-right:.3em;color:#fff}.nav__items{display:none}.nav__items__active{width:100%;height:100vh;position:absolute;top:10vh;left:0;overflow:hidden;background:#ff0;display:flex;flex-direction:column;justify-content:space-evenly;opacity:1;visibility:visible}}header{width:100%;min-height:100vh;display:flex}.header__book__container{width:40%;height:100vh}.header__book__thumbnail{width:100%;height:100%;object-fit:cover}.header__info{background:#f7e733;width:60%;padding:10em;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.header__info h2{font-size:2.3rem}.header__info h1,.header__info p{margin-bottom:.5em}@media only screen and (max-width:700px){header{display:flex;flex-direction:column;padding-top:10vh}.header__book__container{width:100%;height:70vh}.header__info{background:#f7e733;width:100%;padding:1em 2em}}.btn{cursor:pointer;padding:1em;margin:1em 1.5em 1em 0;border:none;background:#775078;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Roboto Mono",monospace,sans-serif;font-size:1.5rem}.btn,.muted{transition:.3s ease}.muted{border:2px solid #775078;background:rgba(119,80,120,.10980392156862745);color:#000}.btn:hover,.muted:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.controls__container{width:100%}.fav__control,.read__control{font-size:3rem;margin:.1em;transition:.3s ease}.fav__control{color:#ff3e3e}.read__control{color:#00ff15}.fav__control:hover,.read__control:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.row{margin:2em 0;height:500px}.row__container{display:flex;overflow-y:hidden;overflow-x:scroll;padding:1em 0}.row__container::-webkit-scrollbar{display:none}.book{position:relative;border-radius:25px;transition:all 1s ease;margin:2em}.book:hover .book__overlay h3,.book:hover .book__overlay p{visibility:visible}.book__thumbnail{width:250px;height:100%;object-fit:cover;border-radius:30px}.book__overlay{border-radius:0 0 25px 25px;position:absolute;bottom:0;left:0;width:100%;height:0;overflow:hidden;background:rgba(119,80,120,.8470588235294118);color:#fff;padding:2em;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all .5s ease-out}.book:hover .book__overlay{opacity:1;visibility:visible;height:40%}.book__overlay a,.book__overlay p{visibility:hidden;transition:all .4s ease-out;color:#fff}.book__overlay h3{font-size:1.5rem;margin-bottom:.3em}.book__overlay p{font-size:1.1rem}.single__container{width:90%}.single__head{display:flex;justify-content:flex-start;margin-top:10em}.single__head__title__mobile{display:none}.single__head__title{display:block}.single__head__img{height:400px;width:auto}.single__head__info{padding-left:2em}.single__head__author{font-size:2rem}.single__sinossi{margin:2em 0;font-size:2rem}@media only screen and (max-width:700px){.single__container{width:100%;padding:1em 2em}.single__container,.single__head{display:flex;flex-direction:column}.single__head{align-items:center}.single__head__img{height:auto;width:90%;margin-top:1em}.single__head__title__mobile{display:block}.single__head__title{display:none}}.search__page{width:70%;min-height:80vh}.search__heading{padding:10em 0 5em;width:100%;display:flex;flex-direction:column;justify-content:center}.search__results{width:100%}.results__title{margin-bottom:10px}.no__result{font-size:3rem;text-align:center}@media only screen and (max-width:700px){.search__page{width:100%;padding:2em}}.search__form{display:flex;align-items:center;justify-content:space-between;position:relative}.search__input{width:100%;margin-left:0}input[type=search i]::-webkit-search-cancel-button{cursor:pointer;-webkit-transform:translateX(-50px);transform:translateX(-50px)}.search__icon{font-size:3rem;position:absolute;right:20px;bottom:15px;cursor:pointer}.search__icon:hover{color:#775078}.result{width:100%;min-height:150px;border-radius:25px;display:flex;justify-content:space-evenly;background:rgba(226,207,0,.745);margin:2em 0;padding:1.5em;transition:.3s ease}.result__thumbnail{width:100px;height:100%;object-fit:cover}.result .result__info{flex:2 1;padding-left:1em;height:100%}.result .result__info a{color:#474747;transition:.3s ease}.result:hover,.result:hover a{background:rgba(119,80,120,.6980392156862745);color:#fff}@media only screen and (max-width:700px){.result__info h3{font-size:1.6rem}}footer{background-color:#393e41;color:#fff;padding:3em 1em;height:30vh;display:flex;flex-direction:column;align-items:center}footer a,footer a:visited footer h3{color:#fff;margin:1em 0}footer a:hover{color:#775078}
/*# sourceMappingURL=main.992f0134.chunk.css.map */