body{margin:0;padding:0;font-family:sans-serif}body{font-family:Open Sans,sans-serif;margin:0;text-align:justify;font-size:15px}h1{margin:.3em 0;font-size:1.8em}h1,h2{font-family:Slabo\ 27px,serif;font-weight:400}h2{font-size:3em;text-align:center}div.container{margin:0 auto;width:700px;max-width:100%}.interactiveContainer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.interactiveContainerWrapper{position:relative;padding-bottom:80%;margin:4em 0 0}.machineMain{width:100%;position:absolute}.machineMain .NotFoundText{display:none}.claw{position:absolute;left:27%;top:4%;width:20%;height:40%;-webkit-transition:1.5s;-o-transition:1.5s;transition:1.5s}.claw.up{top:-11%}.claw.down{top:14%}.clawBase{position:absolute;left:41%;top:-40%;width:16%}.clawLeft{position:absolute;left:21%;top:45%;width:24%;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.claw.open .clawLeft{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}.claw.half .clawLeft{-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg)}.clawRight{position:absolute;left:51%;top:45%;width:24%;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.claw.open .clawRight{-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg)}.claw.half .clawRight{-webkit-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg)}.mv{position:absolute;width:17%;-webkit-transition:1.5s;-o-transition:1.5s;transition:1.5s}.mv.up{top:14%}.mv1{top:39%;-webkit-transform:rotate(21deg);-ms-transform:rotate(21deg);transform:rotate(21deg);left:30%}.mv2{top:40%;-webkit-transform:rotate(8deg);-ms-transform:rotate(8deg);transform:rotate(8deg);left:47%}.mv3{top:39%;-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);left:55%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.help .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes bounce{0%{top:60%}50%{top:56%}to{top:60%}}@keyframes bounce{0%{top:60%}50%{top:56%}to{top:60%}}.spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.clickable{position:absolute;width:13.5%;height:17%;opacity:0;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}.interactive .clickable{opacity:1;cursor:pointer}.clickable .clickableCircle{width:100%;opacity:0}.help .clickable .clickableCircle{opacity:1}.arrowLeft{top:58%;left:12%}.arrowLeft .arrow{position:absolute;width:46%;top:22%;left:18%}.arrowRight{top:58%;left:75%}.arrowRight .arrow{position:absolute;width:46%;top:22%;left:30%}.clickable.middle{top:51%;left:56.5%;opacity:.6}.joystick{position:absolute;width:13%;left:56.8%;top:51%;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}.joystick.left{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}.joystick.right{-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}.notFound{position:absolute;width:8%;-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);-o-transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-timing-function:cubic-bezier(.075,.82,.165,1)}.notFoundText{top:0;left:11%}.notFoundNumber{left:11%;top:60%}.hover .notFoundText{top:-68%}.hover .notFoundNumber{top:120%}.success{display:none;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.success,.successLayer{position:absolute;width:100%;height:100%;left:0;top:0}.successLayer{background-color:hsla(0,0%,100%,.5)}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/*# sourceMappingURL=main.f3673132.css.map*/