#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body{margin:0;padding:0}.canvas-container{box-shadow:0 0 40px rgba(0,0,0,.1);overflow:hidden;border-radius:8px;position:relative}.counter-parent span{font-weight:500;font-size:30px}.you-lose{background-color:rgba(255,0,0,.5)}.you-win{background-color:rgba(1,137,1,.5)}.win-lose-style{z-index:10;pointer-events:none;position:absolute;width:100%;height:100%;font-size:80px;font-weight:700;font-family:Impact;text-align:center;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.3)}.flex,.win-lose-style{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}.flex>*{margin:0;padding:0}h1{text-align:center;margin:0 0 20px}h1,h1 a{color:#00c896}h1 a{font:100 42px Helvetica,Arial;letter-spacing:-2px;text-decoration:none}.button-bar{height:50px}button{background-color:rgba(0,200,150,.6);padding:6px 12px;margin:0 10px;font:200 16px Arial,Roboto;color:#fff;border-radius:3px;border:0}