@import url(https://fonts.googleapis.com/css?family=Pangolin);body{margin:0;font-size:large}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blink_me{animation:blinker 3s linear infinite}@keyframes blinker{50%{opacity:0}}.cursor{display:inline-block;width:10px;height:1rem;background:#fff;margin-left:5px;border-radius:1px;animation:blinker 2s linear infinite}.text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.gr_grid_book_container{float:left;width:39px;height:60px;padding:0;overflow:hidden}.readingChallengesContainer{display:flex}.source{width:100%;height:90vh;left:0;top:0;position:relative;display:none}.source .source-block{position:absolute;width:100%;height:100%;left:0;top:0;z-index:301;overflow:scroll}.source .source-block pre{display:block;position:relative}.source .source-block pre code{font-size:90%}.demo-block{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc}.flip-book,.html-book{background-size:cover}.flip-book{box-shadow:0 0 20px 0 rgba(0,0,0,.5);display:none}.page{background-color:#fdfaf7;color:#785e3a;border:1px solid #c2b5a3;overflow:hidden}.page .page-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.page .page-content .page-header{height:30px;font-size:100%;text-transform:uppercase;text-align:center}.page .page-content .page-image{height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat}.page .page-content .page-text{height:100%;flex-grow:1;font-size:80%;text-align:justify;margin-top:10px;padding-top:10px;box-sizing:border-box;border-top:1px solid #f4e8d7}.page .page-content .page-footer{height:30px;border-top:1px solid #f4e8d7;font-size:80%;color:#998466}.page.--left{border-right:0;box-shadow:inset -7px 0 30px -7px rgba(0,0,0,.4)}.page.--right{border-left:0;box-shadow:inset 7px 0 30px -7px rgba(0,0,0,.4)}.page.--right .page-footer{text-align:right}.page.hard{background-color:#f2e8d9;border:1px solid #998466}.page.page-cover{background-color:#0c0b0a;color:#fff;border:1px solid #998466}.page.page-cover h2{text-align:center;padding-top:50%;font-size:210%}.page.page-cover.page-cover-top{box-shadow:inset 0 0 30px 0 rgba(36,10,3,.5),-2px 0 5px 2px rgba(0,0,0,.4)}.page.page-cover.page-cover-bottom{box-shadow:inset 0 0 30px 0 rgba(36,10,3,.5),10px 0 8px 0 rgba(0,0,0,.4)}
/*# sourceMappingURL=main.32c9e90a.chunk.css.map */