body{padding:0;margin:0;background-color:#e0e0e0;font-family:Source Sans Pro,sans-serif;color:#555555;font-size:20px;}h1{margin:0px;}.badge{width:160px;}#top-bar{padding-bottom:5px;}#top-bard-header{display:flex;flex-direction:row;justify-content:space-between;}#container{display:flex;flex-direction:column;width:500px;margin:auto;}#canvas-container{width:100%;height:500px;position:relative;}#canvas{max-width:500px;max-height:500px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}#score-bar{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;}#score-bar>div{width:120px;border-radius:5px;background-color:#fceae1;}.score-label{text-align:center;}.score-value{text-align:center;font-size:40px;}#game-over{position:absolute;top:0;z-index:2;text-align:center;width:100%;height:100%;padding:10px;box-sizing:border-box;}#game-over-content{position:absolute;left:0;width:100%;text-align:center;top:50%;transform:translate(0,-50%);font-size:25px;box-sizing:border-box;}#win{position:absolute;top:0;z-index:2;text-align:center;width:100%;height:100%;padding:10px;box-sizing:border-box;}#win-content{position:absolute;left:0;width:100%;text-align:center;top:50%;transform:translate(0,-50%);font-size:25px;box-sizing:border-box;}#restart-button{display:inline-block;background:rgb(112,97,92);margin-top:20px;color:#fceae1;width:50%;}#restart-button:hover{cursor:pointer;background:rgb(128,111,106);}#continue-button{display:inline-block;background:rgb(112,97,92);margin-top:20px;color:#fceae1;width:50%;}#continue-button:hover{cursor:pointer;background:rgb(128,111,106);}#share-bar{margin-top:5px;margin-bottom:15px;text-align:center;}#share-bar>*{vertical-align:bottom;}#game-over-share{margin-top:10px;margin-bottom:5px;}#win-share{margin-top:10px;margin-bottom:5px;}#app{background-color:#E2D4D0;position:absolute;top:0;z-index:2;text-align:center;width:100%;height:100%;padding:10px;box-sizing:border-box;}#app-content{position:absolute;left:0;width:100%;text-align:center;top:50%;transform:translate(0,-50%);font-size:25px;box-sizing:border-box;}#app-yes-button{display:inline-block;background:rgb(112,97,92);margin-top:20px;color:#fceae1;width:50%;}#app-yes-button:hover{cursor:pointer;background:rgb(128,111,106);}#app-no-button{display:inline-block;background:rgb(112,97,92);margin-top:20px;color:#fceae1;width:50%;}#app-no-button:hover{cursor:pointer;background:rgb(128,111,106);}#share-panel{background-color:#E2D4D0;position:absolute;top:0;z-index:2;text-align:center;width:100%;height:100%;padding:10px;box-sizing:border-box;}#share-panel-content{position:absolute;left:0;width:100%;text-align:center;top:50%;transform:translate(0,-50%);font-size:25px;box-sizing:border-box;}#share-panel-start-button{display:inline-block;background:rgb(112,97,92);margin-top:20px;color:#fceae1;width:50%;}#share-panel-start-button:hover{cursor:pointer;background:rgb(128,111,106);}@media screen and (max-height: 480px) {.badge{width:100px;}h1{font-size:30px;}#container{width:300px;}#canvas-container{height:300px;}#canvas{max-width:300px;max-height:300px;}#game-over-content{font-size:20px;}#win-content{font-size:20px;}#app-content{font-size:20px;}#share-panel-content{font-size:20px;}#score-bar>div{width:90px;}.score-label{font-size:15px;}.score-value{font-size:30px;}}.resp-sharing-button__link,.resp-sharing-button__icon{display:inline-block}.resp-sharing-button__link{text-decoration:none;color:#fff;margin:0.5em}.resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:0.5em 0.75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width:1em;height:1em;margin-right:0.4em;vertical-align:top}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button__icon{stroke:#fff;fill:none}.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}.resp-sharing-button--twitter{background-color:#55acee}.resp-sharing-button--twitter:hover{background-color:#2795e9}.resp-sharing-button--pinterest{background-color:#bd081c}.resp-sharing-button--pinterest:hover{background-color:#8c0615}.resp-sharing-button--facebook{background-color:#3b5998}.resp-sharing-button--facebook:hover{background-color:#2d4373}.resp-sharing-button--tumblr{background-color:#35465C}.resp-sharing-button--tumblr:hover{background-color:#222d3c}.resp-sharing-button--reddit{background-color:#5f99cf}.resp-sharing-button--reddit:hover{background-color:#3a80c1}.resp-sharing-button--google{background-color:#dd4b39}.resp-sharing-button--google:hover{background-color:#c23321}.resp-sharing-button--linkedin{background-color:#0077b5}.resp-sharing-button--linkedin:hover{background-color:#046293}.resp-sharing-button--email{background-color:#777}.resp-sharing-button--email:hover{background-color:#5e5e5e}.resp-sharing-button--xing{background-color:#1a7576}.resp-sharing-button--xing:hover{background-color:#114c4c}.resp-sharing-button--whatsapp{background-color:#25D366}.resp-sharing-button--whatsapp:hover{background-color:#1da851}.resp-sharing-button--hackernews{background-color:#FF6600}.resp-sharing-button--hackernews:hover,.resp-sharing-button--hackernews:focus{background-color:#FB6200}.resp-sharing-button--vk{background-color:#507299}.resp-sharing-button--vk:hover{background-color:#43648c}.resp-sharing-button--facebook{background-color:#3b5998;border-color:#3b5998;}.resp-sharing-button--facebook:hover,.resp-sharing-button--facebook:active{background-color:#2d4373;border-color:#2d4373;}.resp-sharing-button--twitter{background-color:#55acee;border-color:#55acee;}.resp-sharing-button--twitter:hover,.resp-sharing-button--twitter:active{background-color:#2795e9;border-color:#2795e9;}.resp-sharing-button--google{background-color:#dd4b39;border-color:#dd4b39;}.resp-sharing-button--google:hover,.resp-sharing-button--google:active{background-color:#c23321;border-color:#c23321;}.resp-sharing-button--tumblr{background-color:#35465C;border-color:#35465C;}.resp-sharing-button--tumblr:hover,.resp-sharing-button--tumblr:active{background-color:#222d3c;border-color:#222d3c;}.resp-sharing-button--email{background-color:#777777;border-color:#777777;}.resp-sharing-button--email:hover,.resp-sharing-button--email:active{background-color:#5e5e5e;border-color:#5e5e5e;}.resp-sharing-button--pinterest{background-color:#bd081c;border-color:#bd081c;}.resp-sharing-button--pinterest:hover,.resp-sharing-button--pinterest:active{background-color:#8c0615;border-color:#8c0615;}