@import url(https://fonts.googleapis.com/css?family=Inconsolata&display=swap);body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0;color:#fff}body{font-family:Inconsolata,Arial,Helvetica,sans-serif;line-height:1.4;background-color:#7ed6df}a{color:#fff;text-decoration:none}button,input{font-family:Inconsolata,Arial,Helvetica,sans-serif}@font-face{font-family:League Gothic;src:url(/static/media/LeagueGothic-Regular.cad4b359.otf);font-weight:400;font-style:normal}.start{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;text-align:center}.start div h1{letter-spacing:20px;font-size:19vh;font-family:League Gothic;color:#c43c76;margin:0}.start div>.text{position:relative;top:-7.5vh}.start div>.text p{font-size:5vh;margin:0;font-weight:700}.reach-logo{width:100px}.carbon-logo{width:50px}.volume{position:absolute;top:0;left:0;margin:1em}.volume p{text-align:left;font-size:3.8vh;cursor:pointer}.startButton{border:none;background-color:#c43c76;width:20%;margin-top:7vh;padding:10px;cursor:pointer;font-size:26px;box-shadow:2px 2px #57606f;z-index:20}.startButton:active{box-shadow:none;outline:0}.rotate{position:fixed;padding:0;margin:0;top:0;left:0;width:100%;height:100%;background:#7ed6df;color:#fff;text-align:center;display:none;z-index:10}.rotate div{font-family:Inconsolata,sans-serif;font-size:3em}.rotate i{font-size:4em}.cloud-1{top:20%}.cloud-2{top:0;-webkit-animation-delay:-20s;animation-delay:-20s}.cloud-3{top:25%;-webkit-animation-delay:-30s;animation-delay:-30s}.cloud{position:absolute;width:150px;right:-150px;background-size:contain;background-repeat:no-repeat;-webkit-transform:translate(0);transform:translate(0);-webkit-animation-name:drift;animation-name:drift;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:40s;animation-duration:40s;-webkit-animation-play-state:running;animation-play-state:running;z-index:-10}#reach-logo{position:absolute;bottom:0;right:0;margin:1px}#reach-logo h2{margin:0}#reach-logo h2:hover{color:#fef84a}@media screen and (max-width:500px){.startButton{display:none}}.chooseCharacter{width:40%;text-align:center;float:left;margin-right:5%}.chooseCharacter div{margin:0 auto}.chooseCharacter h1{margin-bottom:50px;font-family:League Gothic;letter-spacing:2px}.avatar{height:200px;margin-bottom:10vh;max-width:100%}.character{min-height:100vh;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:#c43c76}.chooseCharacter i{font-size:50px;text-align:center;margin:0 5px;cursor:pointer}.formDiv{width:50%;float:right}input,select{display:block;width:100%;margin-bottom:10%;height:5vh;border:none;border-bottom:1.5px solid #fff;border-radius:0;font-size:22px;font-family:Inconsolata,sans-serif;background:none;color:#fff}.button,input[type=submit]{border:none;background-color:#fff;color:#c43c76;width:100%;height:5vh;cursor:pointer;font-size:28px;font-family:League Gothic;text-transform:uppercase;box-shadow:5px 5px #fef84a;height:8vh;margin-top:10%;margin-bottom:0}::-webkit-input-placeholder{color:#fff;opacity:1}::-ms-input-placeholder{color:#fff;opacity:1}::placeholder{color:#fff;opacity:1}input[type=submit]:active{box-shadow:none}input:focus,select:focus{outline:none;border-radius:0}label{color:#fff;font-size:23px;margin-bottom:3%;font-weight:700}@media screen and (max-device-width:700px){.character{top:0}.chooseCharacter h1{margin-bottom:0}.avatar{margin-bottom:2vh}input,select{-webkit-appearance:none;border-radius:0}}.intro-div{width:100%;min-height:100vh;background-color:#c43c76;padding:10px}.intro-div-image{float:left;width:40%}.intro-div-image img{width:60%;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.intro-div-text{float:right;width:60%}.intro-div-text p{text-align:center;font-size:28px;-webkit-transform:translateY(50%);transform:translateY(50%)}.intro-div-btn{width:80%}.networth-div{float:left;width:35%}#networth{font-size:2rem}.happiness-div{float:right}.characterImage{width:10%;float:left;margin:-.5vh 2vh -.5vh 0}.header div h4{text-align:center;font-size:3rem}.floor-container{top:0;bottom:0;width:800px}.floor-container,.tutorial{position:absolute;left:0;right:0;margin:auto}.tutorial{width:60vh;background:#777;opacity:.85;top:15vh;z-index:10;padding-top:5vh;border:5px solid}.tutorial p{font-size:16px;text-align:center}.tutorial button{font-size:16px;display:block;margin:2vh auto;color:#333;padding:2vh 5vh;border:none;cursor:pointer}.progress-bar{width:7.5%;height:15px;background-color:#e74c3c;position:fixed;bottom:10px}.progress-bar b{font-size:18px}.animate-figure{position:relative;z-index:10}.animate-figure-positive{color:green!important;-webkit-animation:currency 2.5s linear;animation:currency 2.5s linear}.animate-figure-negative{color:red!important;-webkit-animation:currency-negative 2.5s linear;animation:currency-negative 2.5s linear}.item-mark{position:absolute;width:10px;height:10px;background:#ea9139;border-radius:100%}.roomDiv{margin:.5%}.scoreboard *{margin:0;color:#c43c76;text-transform:uppercase;letter-spacing:2.5px}.ground{width:100%;height:200px;background-color:#27ae60;position:absolute;bottom:0;margin:0;left:0;z-index:-20}@-webkit-keyframes currency{0%{opacity:1;left:0;bottom:0}to{opacity:0;bottom:20px;left:40px}}@keyframes currency{0%{opacity:1;left:0;bottom:0}to{opacity:0;bottom:20px;left:40px}}@-webkit-keyframes currency-negative{0%{opacity:1;left:0;bottom:0}to{opacity:0;bottom:-20px;left:40px}}@keyframes currency-negative{0%{opacity:1;left:0;bottom:0}to{opacity:0;bottom:-20px;left:40px}}@media screen and (max-device-width:900px){.floor-container{width:400px}.tutorial{top:5vh}#networth{font-size:1.25rem}.header div h4{font-size:2rem}.scoreboard h2{font-size:1.25rem}.happiness-div h2{margin-right:10px}.characterImage{width:0}.mobile-mark{position:absolute;width:7.5px;height:7.5px;background:#c43c76;border-radius:100%;opacity:.75;pointer-events:none}}.dialog-box{background:#c43c76;color:#fff;width:40vh;z-index:10;position:absolute;top:5vh;left:0;right:0;margin:auto;opacity:.85;padding:5vh 2vh;border:3px solid #fff}.dialog-box p{font-size:18px;text-align:center}.dialog-box button{text-align:center;display:inherit;margin:2.5% auto;padding:3%;cursor:pointer;background:#fff;color:#333;font-size:16px;width:100%}.dialog-box .buttons{padding:2% 0}.dialog-box img{top:0!important;width:150px;left:6vh}@media screen and (max-device-width:900px){.dialog-box{width:50%;padding:2vh}.dialog-box img{width:75px;left:30%}.dialog-box button{font-size:.75rem}.dialog-box p{font-size:.875rem}}@media screen and (min-device-width:700px) and (max-device-width:900px){.dialog-box{top:5vh}.dialog-box button{font-size:.875rem}.dialog-box p{font-size:1rem}}@media screen and (max-device-width:570px){.dialog-box{top:0}}area{cursor:cell}.livingroom{position:relative;top:-5vh}.item{height:25px;width:25px;pointer-events:none}.item,.item:after,.item:before{display:block;position:absolute}.item:after,.item:before{content:"";left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%}.item:before{height:20px;width:20px;background:tomato}.item:after{height:25px;width:25px;background:rgba(255,99,71,.25);-webkit-animation:ripple 2s ease-in-out infinite;animation:ripple 2s ease-in-out infinite}@-webkit-keyframes ripple{0%{height:25px;width:25px}50%{height:75px;width:75px}to{height:25px;width:25px}}@keyframes ripple{0%{height:25px;width:25px}50%{height:75px;width:75px}to{height:25px;width:25px}}@media screen and (max-device-width:700px){.floor-container img{top:0}.dialog-box{width:50%}}@media screen and (min-device-width:700px) and (max-device-width:900px){.floor-container img{top:5vh}}.day-cloud-1{top:20%}.day-cloud-2{top:0;-webkit-animation-delay:-20s;animation-delay:-20s}.day-cloud-3{top:25%;-webkit-animation-delay:-30s;animation-delay:-30s}.day-cloud{position:absolute;width:150px;right:-150px;background-size:contain;background-repeat:no-repeat;-webkit-transform:translate(0);transform:translate(0);-webkit-animation-name:drift;animation-name:drift;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:40s;animation-duration:40s;-webkit-animation-play-state:running;animation-play-state:running;z-index:-10}@-webkit-keyframes drift{to{-webkit-transform:translate(calc(-100vw - 150px));transform:translate(calc(-100vw - 150px))}}@keyframes drift{to{-webkit-transform:translate(calc(-100vw - 150px));transform:translate(calc(-100vw - 150px))}}@media screen and (max-device-width:900px){.day-cloud{display:none}}.full-moon{position:absolute;top:5%;left:20%;z-index:-10}.final-div{position:relative;top:10vh;text-align:center;font-size:15px;width:40%;margin:0 auto}.final-div div{border-bottom:2px solid #fff}#final-div-content{border:none}#final-text{margin:auto}.final-div p{font-size:20px}.final-div .links{text-align:center}.final-div .links a{margin:0 2.5%;font-size:32px;padding:1%}.credits-screen{display:none}.credit{height:25px}.credit .title{float:left}.credit .name{float:right}@media screen and (max-device-width:900px){.final-div{top:5vh;width:80%}}.moneybrain-frame{display:block;background:#c43c76;min-height:100vh;overflow:auto}.level-grid{display:grid;padding:2rem;grid-template-columns:repeat(2,1fr);grid-gap:3rem;-webkit-align-items:center;align-items:center}.frame-level-bg{width:100%;height:calc(100vh - 4rem);background-size:cover;background-repeat:no-repeat;background-position:50%}.level1{background-image:url(/static/media/Money-Brain-College.7bdb7de5.jpg)}.level2{background-image:url(/static/media/Money-Brain-HQ.c62f61eb.jpg)}.level3{background-image:url(/static/media/Money-Brain-Situations.2f6d0a81.jpg)}.level4{background-image:url(/static/media/Money-Brain-Legacy.4998f6d1.jpg)}.frame-content{color:#fff;padding-bottom:5rem}.frame-content__title{font-family:League Gothic,sans-serif;font-size:5rem;margin-bottom:3rem;letter-spacing:2px}.frame-content__quote{padding:0 2.5rem;max-width:600px}.quote{position:relative;padding:1.75rem;font-size:1.5rem;font-weight:400;line-height:1.25;margin-bottom:2rem}.quote:after,.quote:before{content:"";position:absolute;display:block;height:3rem;width:5rem;pointer-events:none}.quote:before{top:0;left:0;border-top:2px solid #fff;border-left:2px solid #fff}.quote:after{right:0;bottom:0;border-bottom:2px solid #fff;border-right:2px solid #fff}.quote-para{margin-bottom:1.5rem}.quote-author{text-align:right}.quote-author:before{content:"-";padding-right:.5rem}.welcome-wrap{text-align:center;color:#fff;padding:4rem 0 2rem}.welcome-img{margin-bottom:2rem}.welcome-content__title{font-family:League Gothic,sans-serif;font-size:3rem;margin-bottom:1.5rem;letter-spacing:1px}.welcome-content__para{font-size:1.5rem;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.moneybrain-button{position:relative;border:0;border-radius:none;padding:1rem 3rem;font-family:League Gothic,sans-serif;font-size:2rem;color:#c43c76;background:#fff;box-shadow:.25rem .25rem .5rem rgba(196,60,118,.5),.5rem .5rem 0 #fef84a;cursor:pointer;-webkit-animation:button-color 1s infinite;animation:button-color 1s infinite;transition:all .5s ease-in-out;z-index:1}.moneybrain-button:before{content:"";display:block;position:absolute;height:100%;width:0;background:#fef84a;top:0;left:0;z-index:-1;transition:all .5s ease-in-out}.moneybrain-button:hover{-webkit-animation:none;animation:none;box-shadow:.5rem .5rem .75rem rgba(196,60,118,.75),1rem 1rem 0 #fef84a;color:#270c18}.moneybrain-button:hover:before{width:100%}@-webkit-keyframes button-color{0%{color:#c43c76}49%{color:#c43c76}50%{color:#270c18}to{color:#270c18}}@keyframes button-color{0%{color:#c43c76}49%{color:#c43c76}50%{color:#270c18}to{color:#270c18}}@media screen and (max-device-width:900px){.welcome-wrap{padding:.5rem 0 2rem}.welcome-img{margin-bottom:0}.welcome-content__title{margin:.2rem}}.audio-ctrl{position:fixed;bottom:1px}.on-game-screen{right:0;margin-right:2.5%}.on-start-screen{display:none}.audio-ctrl i{font-size:35px;cursor:pointer;margin:10px}.leaderboard{height:100vh;overflow:scroll;background-color:#2c3e50}.leaderboard h1{text-align:center;font-family:League Gothic;text-transform:uppercase;color:#c43c76;font-size:50px;letter-spacing:2.5px;width:100%;margin-bottom:0}.leaderboard table{text-align:center;position:relative;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.leaderboard table th{font-size:32px}.leaderboard table td,.leaderboard table th{padding:.25em 2em}.leaderboard table td{font-size:28px}.leaderboard .button{width:20%;margin:5vh 0;position:relative;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.current-player td{color:orange;font-size:30px}@media screen and (max-device-width:900px){.leaderboard table td,.leaderboard table th{padding:.25em}}
/*# sourceMappingURL=main.0e4c1daa.chunk.css.map */