html{font-family:Open Sans}body,html{margin:0;height:100%}body{background-image:url(../../assets/images/51c2ff70ced95e6b55eb41f0a1c12cbb.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:top}nav{padding:0 10vw;height:10vh;justify-content:space-between}nav a{text-decoration:none;text-transform:uppercase;color:#fff;transition:.1s ease-in-out;opacity:.6;padding:2vh 4vw}nav a:hover{opacity:1;background-color:hsla(0,0%,100%,.2)}@media screen and (max-width:425px){nav a{font-size:1rem}}@media(any-hover:none){nav{background-color:hsla(0,0%,100%,.2)}nav a{opacity:1}}@font-face{font-family:Open Sans;font-style:normal;font-weight:lighter;src:url(../../assets/fonts/ed41bedf131bc097372a961dbec109a1.ttf) format("truetype")}#books-content{height:100%;width:inherit;display:grid;grid:[row1-start] "navigation navigation navigation" 1fr [row1-end] [row2-start] ". . ." auto [row2-stop] [row3-start] "prev book next" 9fr [row3-end] [row4-start] ". . ." auto [row4-stop]/auto auto auto}nav{grid-area:navigation;display:flex;align-items:center}#book-prev{grid-area:prev;justify-self:start}#book-next{grid-area:next;justify-self:end}#book-next,#book-prev{align-self:center;min-height:40vh;max-height:60vh;min-width:50px;max-width:8vw;transition:.2s ease-in-out;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;cursor:pointer}#book-next:hover,#book-prev:hover{background-color:hsla(0,0%,100%,.2)}#books-wrapper{grid-area:book;justify-self:center;display:flex;align-items:center}#books-wrapper,.book{justify-content:center}.book{display:none}.book img{max-height:400px;object-fit:contain;margin:0 1vw;box-shadow:0 2px 8px 1px rgba(0,0,0,.3);-webkit-box-reflect:below 0 -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80%,transparent),to(hsla(0,0%,98%,.25)))}@media(max-width:320px){#book-next,#book-prev{min-width:20px}}@media(min-width:321px)and (max-width:425px){#book-next,#book-prev{min-width:30px}}@media(max-width:500px){.book>img{width:80%}}@media(any-hover:none){#book-next,#book-prev{background-color:hsla(0,0%,100%,.2)}}.fade-right{animation:fade-right 1s}@keyframes fade-right{0%{margin-left:5vw;opacity:0}to{opacity:1}}.fade-left{animation:fade-left 1s}@keyframes fade-left{0%{margin-right:5vw;opacity:0}to{opacity:1}}