.enter:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.enter:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.enter:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.enter:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}.enter:nth-child(5){-webkit-animation-delay:2s;animation-delay:2s}.puff-in-center{-webkit-animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both;animation:puff-in-center .7s cubic-bezier(.47,0,.745,.715) both}@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:blur(2px);opacity:0}puff-in-center to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:blur(2px);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}.puff-out-center{-webkit-animation:puff-out-center 1s cubic-bezier(.165,.84,.44,1) both;animation:puff-out-center 1s cubic-bezier(.165,.84,.44,1) both}@-webkit-keyframes puff-out-center{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:blur(2px);opacity:0}}@keyframes puff-out-center{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}to{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(2px);filter:blur(2px);opacity:0}}.enter,.fade-in-fwd{-webkit-animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-fwd .6s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes fade-in-fwd{0%{-webkit-transform:translateZ(-80px);transform:translateZ(-80px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.text-pop-up-top{-webkit-animation:text-pop-up-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:text-pop-up-top .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)}}@keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,.3)}}.opacity-0{opacity:0}.story-content{display:flex;align-items:center;flex-direction:column;justify-content:space-around;height:100vh}.demo-container{background:hsla(0,0%,100%,.5);padding:20px;max-width:70vw;display:flex;align-items:flex-start;justify-content:space-evenly;text-align:left;border-radius:15px}.demo-container .demo-content,.demo-container .execution-area{width:50%;font-size:18px;background:hsla(0,0%,100%,.5);padding:20px;border-radius:15px;margin:5px;line-height:1.8rem}.demo-container .demo-content code,.demo-container .execution-area code{background:hsla(0,0%,100%,.7);color:#2196f3;padding:5px 10px;border-radius:5px}.demo-container .execution-area{width:50%}.demo-container .execution-area,.demo-container .execution-area .command-area{display:flex;flex-direction:column}.demo-container .execution-area .command-area .command-input{background:hsla(0,0%,100%,.5);border:1px solid #efefef;border-radius:15px;height:150px;margin-bottom:5px;font-size:18px;padding:15px}.demo-container .execution-area .command-area .execute-command-button{-webkit-transform:scale(.8);transform:scale(.8);margin:5px 0 10px}.demo-container .execution-area .output-area{background:hsla(0,0%,100%,.5);border:1px solid #efefef;border-radius:15px;font-size:18px;padding:15px}.demo-container .execution-area .output-area .output-area-heading{color:#ccc}.loader{position:fixed;width:100vw;height:100vh;background:#f44336;z-index:999;opacity:1;pointer-events:none}.loader--hidden{opacity:0;-webkit-transition:all 2s ease-in;transition:all 2s ease-in}#smoke{position:absolute;z-index:3;width:1px;height:160px;left:50%;bottom:30px}#smoke span{display:block;position:absolute;bottom:-35px;left:50%;margin-left:-20px;height:0;width:0;border:35px solid #4b4b4b;border-radius:35px;left:-14px;opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}@-webkit-keyframes smokeL1{0%{-webkit-transform:scale(.2) translate(0);transform:scale(.2) translate(0)}10%{opacity:1;-webkit-transform:scale(.2) translateY(-5px);transform:scale(.2) translateY(-5px)}to{opacity:0;-webkit-transform:scale(1) translate(-20px,-130px);transform:scale(1) translate(-20px,-130px)}}@keyframes smokeL1{0%{-webkit-transform:scale(.2) translate(0);transform:scale(.2) translate(0)}10%{opacity:1;-webkit-transform:scale(.2) translateY(-5px);transform:scale(.2) translateY(-5px)}to{opacity:0;-webkit-transform:scale(1) translate(-20px,-130px);transform:scale(1) translate(-20px,-130px)}}@-webkit-keyframes smokeR1{0%{-webkit-transform:scale(.2) translate(0);transform:scale(.2) translate(0)}10%{opacity:1;-webkit-transform:scale(.2) translateY(-5px);transform:scale(.2) translateY(-5px)}to{opacity:0;-webkit-transform:scale(1) translate(20px,-130px);transform:scale(1) translate(20px,-130px)}}@keyframes smokeR1{0%{-webkit-transform:scale(.2) translate(0);transform:scale(.2) translate(0)}10%{opacity:1;-webkit-transform:scale(.2) translateY(-5px);transform:scale(.2) translateY(-5px)}to{opacity:0;-webkit-transform:scale(1) translate(20px,-130px);transform:scale(1) translate(20px,-130px)}}@-webkit-keyframes smokeL2{0%{-webkit-transform:scale(.2) translate(0);transform:scale(.2) translate(0)}10%{opacity:1;-webkit-transform:scale(.2) translateY(-5px);transform:scale(.2) translateY(-5px)}to{opacity:0;-webkit-transform:scale(1) translate(-40px,-100px);transform:scale(1) translate(-40px,-100px)}}@keyframes smokeL2{0%{-webkit-transform:scale(.2) translate(0);transform:scale(.2) translate(0)}10%{opacity:1;-webkit-transform:scale(.2) translateY(-5px);transform:scale(.2) translateY(-5px)}to{opacity:0;-webkit-transform:scale(1) translate(-40px,-100px);transform:scale(1) translate(-40px,-100px)}}@-webkit-keyframes smokeR2{0%{-webkit-transform:scale(.2) translate(0);transform:scale(.2) translate(0)}10%{opacity:1;-webkit-transform:scale(.2) translateY(-5px);transform:scale(.2) translateY(-5px)}to{opacity:0;-webkit-transform:scale(1) translate(40px,-100px);transform:scale(1) translate(40px,-100px)}}@keyframes smokeR2{0%{-webkit-transform:scale(.2) translate(0);transform:scale(.2) translate(0)}10%{opacity:1;-webkit-transform:scale(.2) translateY(-5px);transform:scale(.2) translateY(-5px)}to{opacity:0;-webkit-transform:scale(1) translate(40px,-100px);transform:scale(1) translate(40px,-100px)}}#smoke .s0{-webkit-animation:smokeL1 10s 0s infinite;animation:smokeL1 10s 0s infinite}#smoke .s1{-webkit-animation:smokeR1 10s .5s infinite;animation:smokeR1 10s .5s infinite}#smoke .s2{-webkit-animation:smokeL2 10s 1s infinite;animation:smokeL2 10s 1s infinite}#smoke .s3{-webkit-animation:smokeR2 10s 1.5s infinite;animation:smokeR2 10s 1.5s infinite}#smoke .s4{-webkit-animation:smokeL1 10s 2s infinite;animation:smokeL1 10s 2s infinite}#smoke .s5{-webkit-animation:smokeR1 10s 2.5s infinite;animation:smokeR1 10s 2.5s infinite}#smoke .s6{-webkit-animation:smokeL2 10s 3s infinite;animation:smokeL2 10s 3s infinite}#smoke .s7{-webkit-animation:smokeR2 10s 3.5s infinite;animation:smokeR2 10s 3.5s infinite}#smoke .s8{-webkit-animation:smokeL1 10s 4s infinite;animation:smokeL1 10s 4s infinite}#smoke .s9{-webkit-animation:smokeR1 10s 4.5s infinite;animation:smokeR1 10s 4.5s infinite}#smoke .s10{-webkit-animation:smokeL2 10s 5s infinite;animation:smokeL2 10s 5s infinite}#smoke .s11{-webkit-animation:smokeR2 10s 5.5s infinite;animation:smokeR2 10s 5.5s infinite}#smoke .s12{-webkit-animation:smokeL1 10s 6s infinite;animation:smokeL1 10s 6s infinite}#smoke .s13{-webkit-animation:smokeR1 10s 6.5s infinite;animation:smokeR1 10s 6.5s infinite}#smoke .s14{-webkit-animation:smokeL2 10s 7s infinite;animation:smokeL2 10s 7s infinite}#smoke .s15{-webkit-animation:smokeR2 10s 7.5s infinite;animation:smokeR2 10s 7.5s infinite}#smoke .s16{-webkit-animation:smokeL1 10s 8s infinite;animation:smokeL1 10s 8s infinite}#smoke .s17{-webkit-animation:smokeR1 10s 8.5s infinite;animation:smokeR1 10s 8.5s infinite}#smoke .s18{-webkit-animation:smokeL2 10s 9s infinite;animation:smokeL2 10s 9s infinite}#smoke .s19{-webkit-animation:smokeR2 10s 9.5s infinite;animation:smokeR2 10s 9.5s infinite}body{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}.App{text-align:center}body{background:#efefef;margin:0}.main-background-container,.main-container{overflow:hidden;width:100vw;height:100vh}.main-background-container{position:absolute;z-index:-1}.main-background{background:url(/static/media/minimalist-forest-river-art-1-4k.871ad930.jpg);background-size:100%;background-position:50%;width:104vw;height:104vh;margin-top:-2vh;margin-left:-2vw;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.main-background--blur{-webkit-filter:blur(5px);filter:blur(5px);background-size:102%;-webkit-transition:all 1.5s;transition:all 1.5s}.wizard{position:absolute;background-image:url(/static/media/wizard@2x2.276bbf84.png);background-size:contain;background-position:0;background-repeat:no-repeat;width:100%;height:90vh;opacity:0;pointer-events:none;z-index:-1}.wizard--second{background-image:url(/static/media/step_2_mob@2x.7dd1c1ac.png)}.wizard-captions-container{padding:0 20px}.wizard-captions{text-align:center;font-size:2.5rem;font-style:italic;letter-spacing:.1rem;color:#fff;text-shadow:8px 2px 6px #203f7d;font-weight:700}.wizard-captions span{will-change:opacity,filter;opacity:0;-webkit-filter:blur(0);filter:blur(0)}.user-reply-option{font-size:1rem;font-weight:600;color:#fff;cursor:pointer;margin:20px;padding:15px 100px;text-align:center;border:none;background-size:300% 100%;border-radius:50px;letter-spacing:.15rem;box-shadow:0 10px 15px -8px rgba(0,0,0,.4);moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.user-reply-option:first-child{background-image:-webkit-gradient(linear,left top,right top,from(#667eea),color-stop(#764ba2),color-stop(#6b8dd6),to(#8e37d7));background-image:linear-gradient(90deg,#667eea,#764ba2,#6b8dd6,#8e37d7);border-bottom:3px solid #764ba2}.user-reply-option:nth-child(2){background-image:-webkit-gradient(linear,left top,right top,from(#25aae1),color-stop(#40e495),color-stop(#30dd8a),to(#2bb673));background-image:linear-gradient(90deg,#25aae1,#40e495,#30dd8a,#2bb673);border-bottom:3px solid #25aae1}.user-reply-option:nth-child(3){background-image:-webkit-gradient(linear,left top,right top,from(#29323c),color-stop(#485563),color-stop(#2b5876),to(#4e4376));background-image:linear-gradient(90deg,#29323c,#485563,#2b5876,#4e4376);border-bottom:3px solid #485563}.user-reply-option:nth-child(4){background-image:-webkit-gradient(linear,left top,right top,from(#eb3941),color-stop(#f15e64),color-stop(#e14e53),to(#e2373f));background-image:linear-gradient(90deg,#eb3941,#f15e64,#e14e53,#e2373f);border-bottom:3px solid #f15e64}.user-reply-option:nth-child(5){background-image:-webkit-gradient(linear,left top,right top,from(#009245),color-stop(#fcee21),color-stop(#00a8c5),to(#d9e021));background-image:linear-gradient(90deg,#009245,#fcee21,#00a8c5,#d9e021);border-bottom:3px solid #009245}.user-reply-option:nth-child(6){background-image:-webkit-gradient(linear,left top,right top,from(#f5ce62),color-stop(#e43603),color-stop(#fa7199),to(#e85a19));background-image:linear-gradient(90deg,#f5ce62,#e43603,#fa7199,#e85a19);border-bottom:3px solid #e43603}#gender-male.user-reply-option{background-image:-webkit-gradient(linear,left top,right top,from(#25aae1),color-stop(#40e495),color-stop(#30dd8a),to(#2bb673));background-image:linear-gradient(90deg,#25aae1,#40e495,#30dd8a,#2bb673);border-bottom:4px solid #25aae1}#gender-female.user-reply-option{background-image:-webkit-gradient(linear,left top,right top,from(#ed6ea0),color-stop(#ec8c69),color-stop(#f7186a),to(#fbb03b));background-image:linear-gradient(90deg,#ed6ea0,#ec8c69,#f7186a,#fbb03b);border-bottom:4px solid #bf3f67}.user-reply-option:active,.user-reply-option:focus,.user-reply-option:hover{background-position:50% 0;moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;box-shadow:0 12px 10px -4px rgba(0,0,0,.4)}.user-reply-option:focus{outline:none}.user-reply-option:active{box-shadow:none}
/*# sourceMappingURL=main.bbead77d.chunk.css.map */