@font-face{font-family:Stempel;src:url(/static/media/Stempel-Garamond-W01-Roman.a23a65e0.woff) format("woff")}::-moz-selection{background:#ececec;color:#000}::selection{background:#ececec;color:#000}body{margin:0;padding:0;font-family:sans-serif;font-family:Stempel,Garamond,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Nav{width:100%;position:fixed;top:0;left:0;height:50px;border-bottom:1px solid red;z-index:15;background:#fff;display:-ms-flexbox;display:flex}.Nav h1{display:inline-block;line-height:50px;margin:0;padding:0;padding:0 10px;position:relative;font-size:16px;border-left:1px solid red;border-right:1px solid red;cursor:pointer;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;-o-transition:transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.Nav h1.active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.Nav__chapters{display:inline-block;display:-ms-flexbox;display:flex;font-size:30px}.Nav__chapters,.Nav__home{width:50px;height:50px;padding:0 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.Nav__home{display:-ms-flexbox;display:flex;position:absolute;top:0;right:0;font-size:32px}.About{padding:20px;border-top:1px solid red;padding-bottom:100px;font-weight:400}.About a,.About p{color:red}.About a{font-size:14px}.About h3{font-weight:400}.Chapters{position:fixed;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);width:75%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;background:#fff;border-right:1px solid red;top:0;left:0;z-index:9;color:red;-webkit-transition:opacity .5s linear,-webkit-transform .3s ease-in;transition:opacity .5s linear,-webkit-transform .3s ease-in;-o-transition:transform .3s ease-in,opacity .5s linear;transition:transform .3s ease-in,opacity .5s linear;transition:transform .3s ease-in,opacity .5s linear,-webkit-transform .3s ease-in;padding-top:70px;opacity:0}.Chapters::-webkit-scrollbar{display:none}.Chapters.active{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.Chapters a{color:red;text-decoration:none;font-weight:400}@media (min-width:768px){.Chapters{width:33%}}.Chapters__inner{margin-bottom:20px;font-weight:700}.Chapters__inner div{padding:5px 20px;border-bottom:1px solid transparent;cursor:pointer}.Chapters__inner div:after{content:"";display:block;width:100%;height:1px}.Chapters__inner div:hover{text-decoration:underline}.Title{max-width:100%;min-height:80vh;width:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.Title__canvas{position:absolute;top:0;left:0;right:0;height:80vh;pointer-events:auto}.Title__wrapper{z-index:2;padding-left:20px;position:relative;width:100%;height:80vh;margin:0 auto;-ms-flex-align:center;align-items:center;z-index:99}.Title__wrapper,.Title__wrapper__inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.Title__wrapper__inner{background:#fff;padding:15px;width:60%;aligin-items:center}.Title__wrapper h1,.Title__wrapper p{max-width:640px;margin:0 auto}.Title__wrapper h1{font-size:36px;line-height:1;color:red;text-transform:uppercase;text-align:center;font-weight:400}.Title__wrapper p{font-size:16px;line-height:1;margin-top:20px;text-align:center}.Title__wrapper p small{font-size:14px;margin-top:0}.Title__wrapper p small:after{content:"";width:100%;display:block;background:#fff;height:1px;margin-top:50px}@media (min-width:768px){.Title__wrapper h1{font-size:72px}}.Title__text{position:relative;width:90%;max-width:640px;padding:10px 20px;margin:0 auto;z-index:2;border:1px solid transparent;opacity:0;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;pointer-events:auto}.Title__text.loaded{opacity:1}.Title__text span{padding:10px 20px}.Title__text h1{font-size:72px;text-align:center;font-weight:400}.Title__text p{text-indent:20px;font-size:18px;line-height:23px}.Title__text div{text-align:center;margin:50px auto}.Title__text__next a{color:red;font-size:36px}@media (min-width:768px){.Title__text p{font-size:22px;line-height:27px;text-indent:40px}}.ChapterText{position:relative;width:90%;max-width:640px;padding:10px 20px;margin:0 auto;z-index:2;border:1px solid transparent;opacity:0;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.ChapterText.loaded{opacity:1}.ChapterText span{padding:10px 20px}.ChapterText h1{font-size:72px;text-align:center;font-weight:400}.ChapterText p{text-indent:20px;font-size:18px;line-height:23px}.ChapterText div{text-align:center;margin:50px auto}.ChapterText__next a{color:red;font-size:36px;font-weight:lighter}@media (min-width:768px){.ChapterText p{font-size:22px;line-height:27px;text-indent:40px}}.App{width:100%;height:auto;overflow-x:hidden;font-family:Stempel;color:red;font-size:17px;line-height:24px;opacity:0;-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.App.loaded{opacity:1}.App__main{position:relative;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;-o-transition:transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;cursor:auto}.App__main.chaptersOpen{-webkit-transform:translateX(75%);-ms-transform:translateX(75%);transform:translateX(75%);cursor:pointer}@media (min-width:768px){.App__main.chaptersOpen{-webkit-transform:translateX(33%);-ms-transform:translateX(33%);transform:translateX(33%)}}
/*# sourceMappingURL=main.34707bbb.css.map*/