#pg-index .container{display:flex;justify-content:center;align-items:center;height:100vh}#pg-index #game{width:1280px;height:960px;position:relative}#pg-index #game #logo{width:70px;image-rendering:pixelated;margin-top:80px}#pg-index #game:before{content:"";position:absolute;background:url("/images/overlay.png");width:100%;height:100%;top:0;left:0;display:block;pointer-events:none}#pg-index #game.test{background:radial-gradient(ellipse at center,#000 50%,#003d02 100%);animation:slide 5s steps(25) infinite;font-family:'VT323';background-size:100% 8px;background-repeat:repeat-y;opacity:.9;color:#309b2b;text-shadow:0 0 7px rgba(48,155,43,0.8);text-align:center}#pg-index #game.test .fa-brands{font-size:80px}#pg-index #game.test h1{font-size:80px;margin-bottom:0;margin-top:10px}#pg-index #game.test h3{margin-bottom:10px}#pg-index #game.test p{font-size:30px;margin-top:0;margin-bottom:50px}@-moz-keyframes slide{0%{background-position:0 0}100%{background-position:0 -100px}}@-webkit-keyframes slide{0%{background-position:0 0}100%{background-position:0 -100px}}@-o-keyframes slide{0%{background-position:0 0}100%{background-position:0 -100px}}@keyframes slide{0%{background-position:0 0}100%{background-position:0 -100px}}#pg-index #game #win-loss{font-size:40px;margin-top:70px}#pg-index #game #win-loss i{font-size:30px}#pg-index #game #win-loss .on{color:#ff0}#pg-index .grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:80%;max-width:1200px;margin:0 auto;text-align:center}#pg-index .grid-container h3{font-size:50px}#pg-index .keyboard{display:flex;flex-direction:column;align-items:center}#pg-index .horizontal-keys{display:flex;justify-content:center;margin-top:3px}#pg-index .key{background-color:rgba(0,0,0,0.5);border:4px solid #2b8c27;color:#2b8c27;font-size:24px;padding:10px 10px;margin:5px;cursor:pointer;outline:none;width:60px;text-align:center}#pg-index .key.on{background:#287e25;color:#000}#pg-index .key:hover{background-color:#555;border-color:#999}#pg-index .key:active{background-color:#777;border-color:#bbb}#pg-index #coinslot{border:4px solid #287e25;width:60px;margin:auto;height:133px;position:relative}#pg-index #coinslot .slot{overflow:hidden;border-left:4px solid #287e25;height:100px;margin:12px;left:11px;position:absolute;width:130px}#pg-index #coinslot .slot .coin{width:80px;height:80px;border:4px solid #287e25;border-radius:100px;left:-18px;position:absolute;top:10px;background:#000;font-size:60px;padding-top:4px;transform-origin:50% 50%}#pg-index #coinslot .fa-thumbs-up{font-size:70px;position:absolute;top:25px;left:38px;z-index:100;opacity:0;transform:rotate(20deg);transform-origin:0 50%}#pg-index #coinslot.on{background:#10320e;transition:width .3s ease-out .3s,background .2s ease-out .1s;width:150px}#pg-index #coinslot.on .slot{opacity:0;transition:.1s ease-out .3s}#pg-index #coinslot.on .slot .coin{transform:translateX(-64px) translateY(-10px) rotate(-80deg);transition:.3s ease-out}#pg-index #coinslot.on .fa-thumbs-up{transition:.3s ease-out .4s;transform:rotate(0);opacity:1}#pg-index #winner{font-size:70px;padding:30px}#pg-index #winner.on{animation:scaleAnimation 1s forwards}@-moz-keyframes scaleAnimation{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.5)}100%{transform:scale(1)}}@-webkit-keyframes scaleAnimation{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.5)}100%{transform:scale(1)}}@-o-keyframes scaleAnimation{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.5)}100%{transform:scale(1)}}@keyframes scaleAnimation{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1.5)}100%{transform:scale(1)}}#pg-index #footer{font-size:30px;margin-top:80px;opacity:.6}#pg-index #footer i{font-size:17px;position:relative;top:-2px}