@import url(https://fonts.googleapis.com/css?family=Anonymous + Pro);html{min-height:100vh;overflow:hidden}body{height:100vh;color:hsla(0,0%,100%,.85);font-family:"Spartan",monospace;background-color:#191919;font-size:2rem;display:flex;flex-direction:column}.intro{-webkit-animation:fade 15s;animation:fade 15s;opacity:0;font-size:3rem}.overlay{font-size:1rem;text-align:right;padding:1rem;background:rgba(0,40,30,.6);width:20vw;margin-left:auto;text-shadow:.4rem .4rem .4rem #000}.overlay h1{font-size:2rem;text-align:right;border-bottom:.2rem solid;display:inline-block}.overlay.switching h1{font-size:3rem}.overlay.switching{border:.2rem solid hsla(0,0%,100%,.3);-webkit-animation:fade-in 1s;animation:fade-in 1s;font-size:3rem;text-align:left;width:80vw;padding:3rem 5rem;margin:10vh 3rem;height:80vh;box-sizing:border-box;background:rgba(0,30,20,.8)}.switching .overlay__heads.page-mode{display:flex;justify-content:space-between}.switching .overlay__heads.page-mode *{font-size:1rem!important;margin:0!important}.overlay__page{display:none}.switching .overlay__page{display:block}.switching .overlay__page__content{font-size:1.2rem;font-weight:100}.switching .overlay__page h2{font-size:2rem;border-bottom:1px solid;padding:1rem 0}.control{padding:4rem;font-size:1.2rem}.control ol ol{list-style:upper-roman}.control li{cursor:pointer}@-webkit-keyframes fade{0%{opacity:0}40%{opacity:0}50%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:0}40%{opacity:0}50%{opacity:1}90%{opacity:1}to{opacity:0}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}button.toggle{position:fixed;bottom:10%;right:10%}
/*# sourceMappingURL=main.e014f904.chunk.css.map */