@import url(https://fonts.googleapis.com/css?family=Fascinate+Inline);*,body{margin:0;padding:0}body{font-family:sans-serif;font-size:16px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:100vh;background-image:-webkit-gradient(linear,left top,right top,from(#ffecd2),to(#fcb69f));background-image:-webkit-linear-gradient(left,#ffecd2,#fcb69f);background-image:-o-linear-gradient(left,#ffecd2 0,#fcb69f 100%);background-image:linear-gradient(90deg,#ffecd2 0,#fcb69f)}.App{height:100%;width:100%}.App h1{font-family:Fascinate Inline,cursive;font-size:2.5em;margin-bottom:5px}.App h1,.App h2{text-align:center}.App h2{font-size:1.5em;font-weight:100;margin-bottom:20px}.Game-board{width:400px;height:400px;background-color:#000;border-radius:100px;position:relative;-webkit-box-shadow:-15px 15px 20px #878585;box-shadow:-15px 15px 20px #878585}.greenBtn{left:10%}.greenBtn,.redBtn{position:absolute;top:10%}.redBtn{right:10%}.blueBtn{left:10%}.blueBtn,.yellowBtn{position:absolute;bottom:10%}.yellowBtn{right:10%}.Game-board.shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.Options{background-color:#d7866f;width:180px;height:110px;position:absolute;border-radius:20px;top:50%;left:50%;-webkit-transform:translate(-90px,-50px);-ms-transform:translate(-90px,-50px);transform:translate(-90px,-50px)}.Button-container{text-align:center}.Count-window{background-color:#241d1d;color:#adff2f;font-size:1.4rem;border-radius:5px;width:30%;height:40px;margin:4px auto 0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.Count-window>span.on{opacity:1}.Count-window>span.off,.Count-window>span.on{-webkit-transition:all 2s;-o-transition:all 2s;transition:all 2s}.Count-window>span.off{opacity:0}.Count>h3{text-align:center;font-size:1.2rem}.Option-button{text-align:center;width:auto;display:inline-block;padding:0 4px}.Option-button>button{background-color:#628a96;-webkit-box-shadow:0 5px 8px #5e5b5b;box-shadow:0 5px 8px #5e5b5b;border:none;width:25px;height:25px;border-radius:50%;cursor:pointer;padding:0 10px;-webkit-transition:background-color 1s;-o-transition:background-color 1s;transition:background-color 1s}.Option-button>button:active{-webkit-box-shadow:0 1px 2px #000;box-shadow:0 1px 2px #000}button.on-on{background-color:#a4f425}button.strict-on{background-color:#c41f0d}button.start-on{background-color:#adff2f}.Option-button>button:focus{outline:none}.Option-button>h3{font-size:.8rem;text-transform:uppercase}.button{width:100px;height:100px;border-radius:50%;cursor:pointer;border:3px solid #4a4646}.button:focus{outline:none}.greenBtn{background-color:#2ebb8a}.greenBtn-on{background-color:#02f96d}.redBtn{background-color:#ff9a9e}.redBtn-on{background-color:#c41414}.blueBtn{background-color:#bcc2ee}.blueBtn-on{background-color:#66a6ff}.yellowBtn{background-color:#fbff8f}.yellowBtn-on{background-color:#e8e806}.Signatures{position:fixed;bottom:10px;left:10px;font-size:1.2em}.Signatures a,a:visited{text-decoration:none;text-transform:lowercase;color:#3f3c3c}.Signatures a:hover,a:active{color:#da5959}ul{list-style-type:none}li{display:inline;margin-left:3px}
/*# sourceMappingURL=main.d9db7f4e.css.map*/