@import"https://fonts.googleapis.com/css2?family=Jersey+15&family=Manrope:wght@200..800&display=swap";*{box-sizing:border-box}body{margin:0;padding:30px 0;display:flex;flex-direction:column;align-items:center;min-height:100svh;font-family:"Manrope",sans-serif;font-size:24px;color:#0d0705;background:#cdd3d9;font-weight:500}body:before{content:"";display:block;width:100%;height:10px;background-image:url(../images/candycane.png);background-image:linear-gradient(transparent, transparent),url(../images/candycane.svg);background-position:center;background-repeat:repeat-x;position:absolute;top:0;left:0}h1,h2,h3,h4,h5,p,strong,a{color:currentColor}h1,h2,h3,h4,h5{font-family:"Jersey 15",sans-serif}a{color:#e4343b}body.is-touchscreen .game-screen:before,body.is-touchscreen .game-screen:after{content:"";display:block;width:20%;aspect-ratio:1;z-index:1;position:absolute;bottom:10%;translate:0 -50%;background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.5;animation:scaleBounce 2s forwards infinite;pointer-events:none}body.is-touchscreen .game-screen:before{left:5%;background-image:url("../images/arrow-left.png")}body.is-touchscreen .game-screen:after{right:5%;background-image:url("../images/arrow-right.png")}.btn{background-color:#e4343b;font-family:"Jersey 15",sans-serif;border:none;color:#fff;text-shadow:0 4px #000;box-shadow:0 10px 0 #000;border:4px solid #fff;cursor:pointer;display:block;text-decoration:none;width:100%;padding:5px}.btn:hover,.btn:focus{box-shadow:0 5px 0 #000;translate:0 5px}.btn-primary{font-size:30px}.btn-primary:hover,.btn-primary:focus{background-color:#9d151a}.btn-secondary{font-size:24px;background:#858281}.btn-secondary:hover,.btn-secondary:focus{background-color:#514f4f}.btn+.btn{margin-top:10px}.game-screen{position:relative;max-width:100%;margin:0 auto;border:10px solid #e4343b;margin:auto}.game-screen #interface{position:absolute;inset:0;z-index:11;color:#fff;pointer-events:none}.game-screen #interface .screen{pointer-events:all;background:rgba(0,0,0,.5);position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.game-screen #interface .screen>div{background:#e1a887;color:#191417;width:300px;max-width:calc(100% - 50px);border:5px solid #000;padding:20px 10px}.game-screen #interface .title{font-family:"Jersey 15",sans-serif;margin:0;font-size:50px;text-shadow:0 5px #000;margin-top:-50px}.game-screen #interface .title span{display:block;height:0;text-indent:-1000px;overflow:hidden}.game-screen #interface .subtitle{margin:0}.game-screen #interface p{font-size:14px}.game-screen #interface p+p{margin-top:5px}.game-screen #interface p a{color:currentColor}.game-screen #interface .start-text{font-size:30px}.game-screen #interface .scores{margin-bottom:5px}.game-screen #interface .scores>div{font-family:"Jersey 15",sans-serif}.game-screen #interface .share{margin:10px 0}.game-screen #interface .share ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;gap:10px;margin:10px 0 15px 0}.game-screen #interface .share ul li a{display:block;width:30px;height:30px;text-indent:-1000px;overflow:hidden;background:#fff;background-position:center;background-repeat:no-repeat}.game-screen #interface .share ul li.share-x a{background-image:url("../images/social-x.png")}.game-screen #interface .share ul li.share-facebook a{background-image:url("../images/social-facebook.png")}.game-screen #interface .share ul li.share-linkedin a{background-image:url("../images/social-linkedin.png")}.game-screen #hud{left:2%;right:2%;position:absolute;text-align:center;display:flex;justify-content:space-between;font-size:100%;height:6%;align-items:center;bottom:0;text-shadow:0 4px #000;font-family:"Jersey 15",sans-serif}.game-screen canvas{aspect-ratio:3/4;display:block;background:skyblue url("../images/gamebg.png") no-repeat center;background-size:cover;width:100%;max-height:calc(100svh - 50px);min-height:400px}.footer{font-size:12px;font-weight:600;margin-top:10px}.footer svg{margin:10px auto}.footer a{color:currentColor}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;translate:0 100px}100%{opacity:1;translate:0 0px}}@keyframes scaleBounce{0%{scale:1}50%{scale:1.1}100%{scale:1}}@keyframes pulse{0%{opacity:.5}80%{opacity:.5}90%{opacity:1}100%{opacity:.5}}/*# sourceMappingURL=site.css.map */