main{overflow:hidden}.content{position:relative}.bubble{position:absolute;border-width:4px;border-color:rgba(0,0,0,.12);border-radius:50%;background-color:rgba(0,0,0,.12)}.bubble-1{top:21px;left:59px;width:15px;height:15px}.bubble-2{top:36px;left:16px;width:27px;height:27px}.bubble-3{top:63px;left:49px;width:21px;height:21px}.bubble-4{top:98px;left:37px;width:15px;height:15px}.bubble-5{top:116px;left:20px;width:5px;height:5px;border-style:solid;background-color:rgba(0,0,0,0)}.bubble-6{top:128px;left:63px;width:6px;height:6px}.bubble-7{top:150px;left:52px;width:27px;height:27px}.bubble-8{top:154px;left:18px;width:19px;height:19px}.bubble-9{top:189px;left:13px;width:10px;height:10px}.bubble-10{top:199px;left:52px;width:5px;height:5px;border-style:solid;background-color:rgba(0,0,0,0)}.bubble-11{top:220px;left:29px;width:21px;height:21px}.bubble-12{top:263px;left:48px;width:21px;height:21px}.bubble-13{top:275px;left:16px;width:5px;height:5px;border-style:solid;background-color:rgba(0,0,0,0)}.bubble-14{top:296px;left:34px;width:15px;height:15px}.triangle{position:absolute;border-color:rgba(0,0,0,.12);background-color:rgba(0,0,0,.12)}.triangle-1{position:absolute;border-width:4px;border-color:rgba(0,0,0,.12);border-radius:50%;background-color:rgba(0,0,0,.12);top:22px;left:55px;width:10px;height:10px}.triangle-2{top:27px;left:15px;border-right:8px solid rgba(0,0,0,0);border-bottom:14px solid rgba(0,0,0,.12);border-left:8px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.triangle-2:after{content:" ";display:block;position:absolute;top:6px;left:-3.5px;border-right:3px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:3px solid rgba(0,0,0,0);transition:border-bottom-color .4s ease}.red .triangle-2:after{border-bottom-color:#fc5c82}.yellow .triangle-2:after{border-bottom-color:#fcd45c}.purple .triangle-2:after{border-bottom-color:#9174f5}.triangle-3{top:60px;left:43px;border-right:12px solid rgba(0,0,0,0);border-bottom:19px solid rgba(0,0,0,.12);border-left:12px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.triangle-3:after{content:" ";display:block;position:absolute;top:6px;left:-4.75px;border-right:5px solid rgba(0,0,0,0);border-bottom:9px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);transition:border-bottom-color .4s ease}.red .triangle-3:after{border-bottom-color:#fc5c82}.yellow .triangle-3:after{border-bottom-color:#fcd45c}.purple .triangle-3:after{border-bottom-color:#9174f5}.triangle-4{position:absolute;border-width:3px;border-color:rgba(0,0,0,.12);border-radius:50%;background-color:rgba(0,0,0,.12);top:61px;left:17px;width:8px;height:8px;border-style:solid;background-color:rgba(0,0,0,0)}.triangle-5{top:101px;left:25px;border-right:5px solid rgba(0,0,0,0);border-bottom:8px solid rgba(0,0,0,.12);border-left:5px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);transform:rotate(180deg)}.triangle-6{top:103px;left:60px;border-right:4px solid rgba(0,0,0,0);border-bottom:6px solid rgba(0,0,0,.12);border-left:4px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);transform:rotate(-90deg)}.triangle-7{top:126px;left:17px;border-right:12.5px solid rgba(0,0,0,0);border-bottom:19px solid rgba(0,0,0,.12);border-left:12.5px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);transform:rotate(180deg)}.triangle-8{top:149px;left:50px;border-right:10.5px solid rgba(0,0,0,0);border-bottom:16px solid rgba(0,0,0,.12);border-left:10.5px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.triangle-9{top:177px;left:21px;border-right:5.5px solid rgba(0,0,0,0);border-bottom:8px solid rgba(0,0,0,.12);border-left:5.5px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.triangle-10{position:absolute;border-width:4px;border-color:rgba(0,0,0,.12);border-radius:50%;background-color:rgba(0,0,0,.12);top:177px;left:60px;width:10px;height:10px}.triangle-11{top:213px;left:33px;border-right:9px solid rgba(0,0,0,0);border-bottom:13px solid rgba(0,0,0,.12);border-left:9px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);transform:rotate(180deg)}.triangle-12{position:absolute;border-width:2px;border-color:rgba(0,0,0,.12);border-radius:50%;background-color:rgba(0,0,0,.12);top:233px;left:65px;width:10px;height:10px;border-style:solid;background-color:rgba(0,0,0,0)}.triangle-13{position:absolute;border-width:4px;border-color:rgba(0,0,0,.12);border-radius:50%;background-color:rgba(0,0,0,.12);top:250px;left:22px;width:10px;height:10px}.triangle-14{top:270px;left:45px;border-right:8px solid rgba(0,0,0,0);border-bottom:14px solid rgba(0,0,0,.12);border-left:8px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);transform:rotate(180deg)}.triangle-14:after{content:" ";display:block;position:absolute;top:6px;left:-3.5px;border-right:3px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:3px solid rgba(0,0,0,0);transition:border-bottom-color .4s ease}.red .triangle-14:after{border-bottom-color:#fc5c82}.yellow .triangle-14:after{border-bottom-color:#fcd45c}.purple .triangle-14:after{border-bottom-color:#9174f5}.stick .block{position:absolute;z-index:999;overflow:hidden;border-radius:7px}.stick .block .inner{position:absolute;width:100%;height:100%;border-width:3px;border-color:rgba(0,0,0,.12);border-radius:7px;background-color:rgba(0,0,0,.12)}.stick .block:nth-child(2n+1) .inner-2{left:-200%}.stick .block:nth-child(2n+2) .inner-2{left:200%}.stick .block-1{top:16px;left:30px;width:31px;height:16px}.stick .block-1 .inner{border-style:solid;box-sizing:border-box;background-color:rgba(0,0,0,0) !important}.stick .block-2{top:50px;left:15px;width:42px;height:14px}.stick .block-3{top:73px;left:64px;width:9px;height:18px}.stick .block-4{top:84px;left:26px;width:14px;height:9px}.stick .block-5{top:109px;left:45px;width:15px;height:15px}.stick .block-5 .inner{border-radius:50%}.stick .block-6{top:135px;left:19px;width:27px;height:9px}.stick .block-7{top:144px;left:60px;width:12px;height:12px}.stick .block-7 .inner{border-style:solid;border-radius:50%;box-sizing:border-box;background-color:rgba(0,0,0,0)}.stick .block-8{top:164px;left:24px;width:14px;height:27px}.stick .block-9{top:188px;left:64px;width:8px;height:8px}.stick .block-10{top:219px;left:11px;width:22px;height:12px}.stick .block-10 .inner{border-style:solid;box-sizing:border-box;background-color:rgba(0,0,0,0) !important}.stick .block-11{top:226px;left:50px;width:22px;height:22px}.stick .block-11 .inner{border-radius:50%}.stick .block-12{top:248px;left:26px;width:9px;height:18px}.stick .block-13{top:278px;left:50px;width:8px;height:8px}.stick .block-13 .inner{border-radius:50%}.stick .block-14{top:297px;left:18px;width:22px;height:12px}.stick .block-14 .inner{border-style:solid;box-sizing:border-box;background-color:rgba(0,0,0,0) !important}.stick .block-15{top:307px;left:48px;width:27px;height:9px}body{margin:0;padding:0;overflow:hidden;background-color:#28dad4;font-family:"Roboto",sans-serif}a{cursor:url(https://greghub.github.io/coloron/public/svg/cursor.svg),pointer}a:focus,a:active{cursor:url(https://greghub.github.io/coloron/public/svg/cursor-tap.svg),pointer}.game_container{position:fixed;top:0;left:0;width:100%;height:100%}.waves,.mounts{position:absolute;bottom:0;left:0;width:100%}.waves div,.mounts div{position:absolute;width:100%}.clouds{position:absolute;top:77px;left:0;width:100%;height:151px;background:url(https://greghub.github.io/coloron/public/svg/clouds.svg) repeat-x;background-position-x:170px}.top_wave{bottom:0;z-index:10001;height:35px;background:url(https://greghub.github.io/coloron/public/svg/top_wave.png) repeat-x 0 -1px}.wave1{bottom:0;z-index:23;height:150px;background:url(https://greghub.github.io/coloron/public/svg/wave1.svg) repeat-x}.wave2{bottom:30px;z-index:22;height:180px;background:url(https://greghub.github.io/coloron/public/svg/wave2.svg) repeat-x}.wave3{bottom:90px;z-index:21;height:180px;background:url(https://greghub.github.io/coloron/public/svg/wave3.svg) repeat-x}.wave4{bottom:120px;z-index:20;height:180px;background:url(https://greghub.github.io/coloron/public/svg/wave4.svg) repeat-x}.mount1{bottom:280px;z-index:11;height:150px;background:url(https://greghub.github.io/coloron/public/svg/mount1.svg) repeat-x}.mount2{bottom:290px;z-index:10;height:150px;background:url(https://greghub.github.io/coloron/public/svg/mount2.svg) repeat-x}.noise{position:fixed;top:0;left:0;z-index:1010;width:100%;height:100%;background:url(https://greghub.github.io/coloron/public/svg/noise.png)}.glow{position:absolute;top:-350px;left:-350px;z-index:1010;width:800px;height:800px;border-radius:50%;box-shadow:0 0 100px 100px rgba(81,237,200,.34);background-color:rgba(81,237,200,.34)}.sun{position:relative;top:50%;left:50%;width:1px;height:1px;border-radius:50%;box-shadow:0 0 32px 32px #ffe345,0 0 150px 150px rgba(103,244,210,.4);background-color:#ffe345}.small-glow{position:absolute;z-index:99;width:12px;height:12px;border-radius:50%;box-shadow:0 0 1px 1px rgba(255,255,255,.34);background-color:rgba(255,255,255,.34)}.small-glow.yellow{box-shadow:0 0 4px 4px rgba(255,227,69,.34);background-color:rgba(255,227,69,.34)}.sticks{z-index:1011;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.stick{position:relative;float:left;width:90px;height:362px;margin-right:90px;overflow:hidden;border-radius:14px;background-image:url(https://greghub.github.io/coloron/public/svg/noise.png);cursor:url(https://greghub.github.io/coloron/public/svg/cursor.svg),pointer;transition:background-color .4s ease}.stick:focus,.stick:active{cursor:url(https://greghub.github.io/coloron/public/svg/cursor-tap.svg),pointer}.stick.red{background-color:#ff4571}.stick.yellow{background-color:#ffd145}.stick.purple{background-color:#8260f6}.stick.inactive{background-color:#4c4660}.ball,.ball-demo{z-index:1011;width:53px;height:53px;border-radius:50%;background:url(https://greghub.github.io/coloron/public/svg/ball.svg) right bottom;background-size:64px 64px;background-color:#ff4571}.ball{margin-bottom:250px}.controls{position:relative;z-index:999999}.game-full-flex{display:none;flex-direction:column;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%}.start-game .start-game-top{min-height:20%}.start-game .start-game-top .play-full-page{display:none;width:260px;height:50px;margin-top:24px;border:3px solid #fff;border-radius:100px;color:#fff;font-weight:900;font-size:28px;line-height:52px;letter-spacing:-1px;text-decoration:none;text-align:center;text-transform:uppercase}.start-game .start-game-top .play-full-page:hover{opacity:.7}.start-game .logo-holder{width:513px;height:162px;margin-top:-10%;border:4px solid #ff4571;border-radius:68px;background-color:#4c4660;text-align:center}.start-game .logo-holder .logo{margin-top:10px;margin-bottom:4px;color:#fff;font-weight:900;font-size:100px;letter-spacing:-0.1em;text-align:center;text-transform:uppercase}.start-game .logo-holder .logo span{margin-right:-8px;margin-left:-8px}.start-game .logo-holder .play-button{display:inline-block;width:200px;height:56px;border:4px solid #fff;border-radius:100px;background-color:#ff4571;color:#fff;font-weight:900;font-size:42px;line-height:56px;letter-spacing:-3px;text-decoration:none;text-align:center}.start-game .logo-holder .play-button:hover{background-color:#ff5f84}.start-game .logo-holder .hint{color:#fff;font-size:20px}.start-game .logo-holder .hint span{color:#ff4571}.start-game .how-to-play{display:flex;justify-content:space-around;width:100%}.start-game .how-to-play .section-1,.start-game .how-to-play .section-3{flex:1}.start-game .how-to-play .section-1 .content,.start-game .how-to-play .section-3 .content{justify-content:center}.start-game .how-to-play h4{color:#fff;font-weight:400;font-size:22px;text-align:center}.start-game .how-to-play .content{display:flex;justify-content:space-around;position:relative;height:200px}.start-game .how-to-play .bar{width:60px;margin-top:auto;border-radius:7px;transition:background-color .4s ease}.start-game .how-to-play .bar.bar-1{height:180px;background:#ff4571}.start-game .how-to-play .bar.bar-2{height:120px;background:#ffd145}.start-game .how-to-play .bar.bar-3{height:150px;background:#4c4660}.start-game .how-to-play .section-2 .bar{cursor:url(https://greghub.github.io/coloron/public/svg/cursor.svg),pointer}.start-game .how-to-play .section-2 .bar:focus,.start-game .how-to-play .section-2 .bar:active{cursor:url(https://greghub.github.io/coloron/public/svg/cursor-tap.svg),pointer}.start-game .how-to-play .section-3 .ball-demo{background-color:#815ff8}.start-game .how-to-play .section-3 .bar-1{height:120px;background-color:#815ff8}.stop-game{justify-content:center}.stop-game .score-container{width:433px;height:386px;border-radius:38px;background-color:#4c4660;text-align:center}.stop-game .score-container h1{margin-top:20px;margin-bottom:4px;color:#fff;font-size:64px;letter-spacing:-0.1em;text-transform:uppercase}.stop-game .score-container .final-score{color:#ffe345;font-weight:900;font-size:130px;line-height:110px;letter-spacing:-6px}.stop-game .score-container .result{color:#ff4571;font-weight:700;font-size:30px;text-transform:uppercase}.stop-game .score-container h4{margin-top:12px;color:#fff}.stop-game .score-container .tweet{display:inline-block;padding:8px 20px;border-radius:4px;background:#fff;color:#55acee;font-size:18px;line-height:24px;text-decoration:none}.stop-game .score-container .tweet:hover{background-color:#55acee;color:#fff}.stop-game .score-container .tweet i{position:relative;top:2px;right:2px;font-size:24px}.stop-game .score-container .play-again{display:inline-block;margin:6px 4px;padding:6px 24px;border:2px solid #fff;border-radius:22px;background-color:#ff4571;color:#fff;font-weight:900;font-size:26px;letter-spacing:-1px;text-decoration:none;text-transform:uppercase}.stop-game .score-container .play-again:hover{background-color:#ff5f84}.stop-game .score-container .main-menu{display:inline-block;margin:6px 4px;padding:6px 24px;border:2px solid #fff;border-radius:22px;background-color:#44bfa3;color:#fff;font-weight:900;font-size:26px;letter-spacing:-1px;text-decoration:none;text-transform:uppercase}.stop-game .score-container .main-menu:hover{background-color:#57c6ac}.scene{display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;left:0;z-index:9997;width:100%;height:100%}.scene .ball-holder{display:flex;flex:1;flex-direction:column;justify-content:flex-end;padding-left:558px}.scene .score{position:fixed;top:20px;right:54px;color:#33485f;font-weight:900;font-size:90px;letter-spacing:-0.1em}.scene .learn-to-play{display:inline-block;opacity:0;position:relative;top:20%;z-index:9999;color:rgba(255,255,255,.85);font-weight:700;font-size:48px;letter-spacing:-2px;text-align:center}.splash{display:none}@media print{.splash{display:block;position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background-image:url(https://greghub.github.io/coloron/public/images/coloron-image.png);background-position:center;background-size:auto 100%;background-repeat:no-repeat;background-color:#28dad4}}.nominee{position:fixed;top:0;right:0;z-index:9999}/*# sourceMappingURL=game01.min.css.map */