@font-face{font-family:today_sans_now_probold;src:url(/fonts/todaysansnowpro-bold-webfont.woff2) format('woff2'),url(/fonts/todaysansnowpro-bold-webfont.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:today_sans_now_probold_italic;src:url(/fonts/todaysansnowpro-bolditalic-webfont.woff2) format('woff2'),url(/fonts/todaysansnowpro-bolditalic-webfont.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:today_sans_now_probook;src:url(/fonts/todaysansnowpro-book-webfont.woff2) format('woff2'),url(/fonts/todaysansnowpro-book-webfont.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:today_sans_now_probook_italic;src:url(/fonts/todaysansnowpro-bookitalic-webfont.woff2) format('woff2'),url(/fonts/todaysansnowpro-bookitalic-webfont.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:today_sans_now_proitalic;src:url(/fonts/todaysansnowpro-italic-webfont.woff2) format('woff2'),url(/fonts/todaysansnowpro-italic-webfont.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:today_sans_now_proregular;src:url(/fonts/todaysansnowpro-regular-webfont.woff2) format('woff2'),url(/fonts/todaysansnowpro-regular-webfont.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:sourcesansprobold;src:url(/fonts/SourceSansPro-Bold.ttf) format('woff2'),url(../styles/fonts/SourceSansPro-Bold.woff) format('woff');font-weight:400;font-style:normal}
body{margin:0;-ms-scroll-chaining:none;overscroll-behavior:none}
*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;box-shadow:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;font-family:sourcesansprobold}
html{-webkit-text-size-adjust:none}
.modal{display:none;position:fixed;z-index:100;left:0;top:0;height:100vh;width:100vw;overflow:auto;background-color:#00000066}
.modal-content{box-sizing:border-box;height:100%;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}
#popupMessage{border-radius:1rem;background-color:#ffffffcc;padding:1rem;box-sizing:border-box;width:90%}
#popupMessage #popupButtons{display:flex;margin-top:2rem;align-items:center;justify-content:center}
#popupMessage #popupButtons .btn{flex:1;flex-grow:1;margin-left:1rem;margin-right:1rem;max-width:40%}
.close{color:#aaa;float:right;font-size:28px;font-weight:700}
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}
body{background-size:cover;background-repeat:no-repeat;background-position:center}
#buttonBar{pointer-events:none;position:fixed;bottom:1rem;width:100%;padding-left:5px;padding-right:5px;left:0;flex-flow:row nowrap;align-items:center;justify-content:space-evenly;box-sizing:border-box;opacity:1;display:flex}
#buttonBar .btn{-webkit-transform:translateY(200px);transform:translateY(200px);transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}
#buttonBar .timebox{-webkit-transform:translateY(200px);transform:translateY(200px);transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}
#buttonBar.open .btn{-webkit-transform:translateY(0);transform:translateY(0)}
#buttonBar.open2 .timebox{-webkit-transform:translateY(0);transform:translateY(0)}
#buttonBar .spacer{flex-grow:1;flex:1;justify-content:center;align-items:center;display:flex}
#buttonBar .debugInfo{background-color:#efefefcc}
#buttonBar .timebox{background-repeat:no-repeat;border-radius:5px;background-color:#000;height:2em;color:#fff;display:flex;align-items:center;justify-content:center;padding-left:30px;padding-right:30px}
#buttonBar .btn{display:none}
#score-container{pointer-events:none;position:fixed;color:#fff;top:0;left:0;width:100%;z-index:100;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:30px;line-height:1em;padding-top:5px;padding-bottom:5px}
.timer-container{position:fixed}
.centered{position:fixed;left:25%}
#canvas-container{position:fixed;top:0;bottom:0;left:0;right:0;box-sizing:border-box;text-align:center}
#background{position:fixed;top:0;bottom:0;left:0;right:0;pointer-events:none;background-size:cover;display:none}
#myCanvas{display:inline;max-width:100%;height:100%;width:100%;box-sizing:border-box}
.hidden{display:none!important;visibility:hidden}
.btn{pointer-events:all;position:relative;display:flex;justify-content:center;align-items:center;width:80%;margin-top:.5em;margin-bottom:.5em;padding-top:.5em;padding-bottom:.5em;padding-left:.5em;padding-right:.5em;cursor:pointer;border-radius:21px;line-height:normal}
.btn.disabled{pointer-events:none;opacity:.3}
.btn.secundary{background-color:#fbbc00}
.btn.secundary .buttonwrapper{background-color:#fbbc00}
.buttonwrapper{background-color:#473a6f;border-radius:21px;box-sizing:border-box;height:100%;width:100%;position:absolute;z-index:1}
.buttonwrapper.primary{background-color:#473a6f}
.buttonwrapper.secundary{background-color:#fbbc00}
.buttonwrapper:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}
.buttonwrapper:active{-webkit-transform:scale(1);transform:scale(1)}
.btn .caption{font-weight:900;text-transform:uppercase;color:#fff;pointer-events:none;z-index:2}