*{margin:0;padding:0;box-sizing:border-box}body{background:#fff}main{position:relative;z-index:0;overflow:hidden;height:100vh;width:100vw}main article{position:absolute;z-index:1;left:-100vw;top:0px;width:100vw;height:100%;padding:4vh;transition:all .3s ease;background:#fff}main article.active{left:0;top:0;z-index:10}main article.previous{left:100vw;top:0;z-index:9}main article .bg{position:absolute;top:0;left:0;width:100%;height:auto}main article .bg img{display:block;max-width:100%}#blackout{position:fixed;z-index:99;left:0;top:0;background:#000;color:#fff;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#overlays{display:none;position:fixed;opacity:0;z-index:20;padding:4vh;top:80vh;right:0vw;transition:opacity .3s ease}nav{position:fixed;z-index:10;bottom:0;left:0;width:100vw}nav ul{list-style-type:none;display:flex}nav ul li{width:20%;height:10vh;text-align:center}nav ul li.active{background:#000;color:#fff}nav ul li a{display:block;height:100%;width:100%;padding:2vh}nav ul li.bohentry{display:none}nav .active svg #strokes path{stroke:#fff !important}#stats{padding:0}#stats h2{display:none}.progressbar{background:#000;width:100%;height:15vh;margin:0 0}.progressbar .bar{height:100%;background:#fff;transition:all 1s linear;display:flex;align-items:center}.progressbar .bar .number{text-shadow:.1em .1em 0 #fff;white-space:nowrap;padding:2vh}.progressbar-years{display:none}#money p,#money h3{position:relative;z-index:10;padding-top:2vh;text-align:center}#money p{width:60vw;margin:0px auto}#money .coinflip{position:absolute;z-index:9;top:-18vh;left:50%;width:18vh;height:18vh;transform:translateX(50%) rotate(0deg);animation:coinFall 12s linear infinite}#money .coinflip img{max-width:100%}#years{color:#fff}#years h3{position:relative;z-index:10;text-align:left}#years .bg{background-color:#000;padding-top:10vh}#years .bg .moon{position:absolute;top:12vh;left:66vw;background:#fff;width:6vw;height:6vw;border-radius:50%;overflow:hidden}#years .bg .moon .eclipse{position:absolute;top:0;left:0;width:103%;height:103%;transform:translate(-1.5%, -1.5%)}#years .bg .moon .eclipse img{max-width:100%}#book-of-health{display:none}#book-of-health .book{position:relative;width:56vh;height:81vh;margin:0px auto}#book-of-health .book .page{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;color:#fff;background:#000;text-align:center}#book-of-health .book .page h2{padding:12vh 0}#book-of-health .book .page.active{z-index:11}#wall{display:flex;flex-wrap:wrap;padding-top:0}#wall .fiver{position:relative;height:5vh;width:5vh;margin-right:2vh;margin-bottom:2vh;margin-top:2vh}#wall .fiver .stripe{position:absolute;background:#000;display:block;width:2.6px}#wall .fiver .stripe.last{transform:rotate(45deg)}#strokes h3{text-align:right}#config{position:relative}#config aside{position:absolute;right:2vh;top:2vh}#config aside button{padding:1vh;background:#008b8b;border:none;cursor:pointer}#config aside button:hover{background:#f08080}@font-face{font-family:"Inter";src:url("../assets/fonts/inter-vf.ttf") format("truetype")}body{color:#000;font-family:"Inter",sans-serif;font-size:12pt;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:600;font-size:inherit;color:inherit}h3{font-size:1.2rem}#money h3{font-size:2rem}#stats .progressbar .number{font-size:1.3rem;text-shadow:none}p{margin:1.5vh 0}p:first-child{margin-top:0}.grey{color:#969696}.grey a{color:inherit}a{text-decoration:underline}a:hover{text-decoration:none}nav a{color:inherit;text-decoration:none}form input{background:#fff;border:none;border-radius:0;border-bottom:2px solid #000;border-top:2px solid #fff;padding:1vh;padding-bottom:.5vh;margin-top:.5vh;font-size:inherit;line-height:1.2em}form input::-moz-selection{background:#000;color:#fff}form input::selection{background:#000;color:#fff}form input:focus{outline:none;background:#dcdcdc}form input[type=submit],form button{background:#000;color:#fff;padding:1vh;margin:.5vh 0;font-size:inherit;border:none;border:.5vh solid rgba(0,0,0,0);cursor:pointer}form input[type=submit]:hover,form button:hover{border-top-color:#000;border-bottom-color:#000;text-transform:uppercase}@keyframes coinFall{0%{top:-18vh;transform:translateX(-50%) rotate(0deg)}100%{top:118vh;transform:translateX(-50%) rotate(720deg)}}body,*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (orientation: landscape){html,body{font-size:18pt}}/*# sourceMappingURL=main.min.css.map */