*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{padding:0;margin:0;font-family:Nunito,helvetica,sans-serif;-webkit-font-smoothing:antialiased;color:#333}#root,.app,body,html{height:100%}.app{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.app>div>*{position:absolute;top:0;left:0;width:100%}.center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%}.center.vertical{-ms-flex-direction:column;flex-direction:column}a{color:#20b2aa}button{font-family:inherit;font-size:20px;padding:13px 20px;border-radius:5px;color:#fff;background:-webkit-linear-gradient(315deg,#7ae7ec,#ef99fe);background:-o-linear-gradient(315deg,#7ae7ec 0,#ef99fe 100%);background:linear-gradient(135deg,#7ae7ec,#ef99fe);border:0;font-weight:700;cursor:pointer;opacity:1;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}button:hover{opacity:.8}.section-options button{width:200px;height:200px;border-radius:100%;margin:10px;font-size:24px}.back{position:fixed;top:20px;left:20px;width:50px;height:50px;opacity:.5;cursor:pointer;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;z-index:2}.back img{width:100%;height:100%}.back:hover{opacity:1}.fade-enter{opacity:.01}.fade-enter.fade-enter-active{opacity:1;-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s .4s ease;transition:opacity .4s ease .4s}.fade-exit{opacity:1}.fade-exit.fade-exit-active{opacity:.01;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}@media only screen and (max-width:700px){.section-options{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.section-options button{width:150px;height:150px}}canvas{width:500px;height:500px}@media only screen and (max-width:700px){canvas{width:80vw;height:80vw}}.carousel-container{width:100vw;overflow:hidden}.carousel{margin-left:15vw;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.item{height:100vh;width:50vw;margin-left:10vw;display:inline-block;opacity:.3;pointer-events:none;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.item.active{opacity:1;pointer-events:all}@media only screen and (max-width:700px){.carousel,.item{margin-left:5vw}.item{width:80vw}}.switch-box{width:470px;height:380px}.switch{display:inline-block;margin:8px}.switch .slider{position:relative;display:inline-block;height:6px;width:24px;border-radius:6px;cursor:pointer;background:#c5c5c5}.switch .slider,.switch .slider:after{-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.switch .slider:after{background:#eee;position:absolute;left:-6px;top:-6px;display:block;width:18px;height:18px;border-radius:50%;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);content:""}.switch label{margin-right:7px}.switch .input{display:none}.switch .input~.label{margin-left:6px}.switch .input:checked~.slider:after{left:12px}.switch .input:checked~.slider{background:#7be8a7}.switch .input:checked~.slider:after{background:#50e08a}@media only screen and (max-width:700px){.switch{margin:6px}.switch-box{width:280px;text-align:center;height:495px}.switch .slider{height:6px;width:20px}.switch .slider:after{left:-4px;top:-4px;width:14px;height:14px}}canvas{width:500px;height:500px}@media only screen and (max-width:700px){canvas{width:80vw;height:80vw}}.intro-component{margin:auto}header img{height:330px;padding-right:50px}header h1{margin-top:0;font-size:28px}header p{font-size:16px;margin-bottom:20px}.zen-zone-intro{width:400px}@media only screen and (max-width:700px){.intro-component{width:100%;-ms-flex-direction:column;flex-direction:column;padding-left:40px;padding-right:40px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.intro-component img{padding:0;height:230px;padding-bottom:20px}.zen-zone-intro{width:100%}header h1{font-size:22px}}
/*# sourceMappingURL=main.44667c7c.css.map*/