body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Share Tech Mono,monospace;margin:0}:root{--piece-cell-size:32px;--num-rows:15;--num-columns:10}#game{background-color:#f3f0f0;border:5px solid #9d9a9a;height:480px;height:calc(var(--piece-cell-size)*var(--num-rows));margin:0 auto;position:relative;text-align:center;width:320px;width:calc(var(--piece-cell-size)*var(--num-columns))}.piece-cell{background-color:#ddd;border:4px solid #eee;box-sizing:border-box;height:32px;height:var(--piece-cell-size);position:absolute;transition:opacity 1s ease-out;width:32px;width:var(--piece-cell-size)}#next-container{position:absolute;right:-60px}#next-container #next-pieces{left:-65px;position:absolute;top:20px}#next-container .piece-cell{border:2px solid #eee;height:16px;width:16px}#next-container .piece-container{position:relative}#next-container .piece-container:nth-child(2){left:52px}#next-container .piece-container:nth-child(3){left:105px}.piece-cell.matched{opacity:0}#heading{text-align:center}.game-title{font-size:64px}.instructions{margin-top:40%;position:absolute;width:100%;z-index:100}.instructions p{background:#efe1e1;border:2px solid #9d9a9a;display:inline-block;margin:0;padding:10px}.instructions table{margin:0 auto 60px;width:50%}.piece-cell.yellow{background:radial-gradient(#e3e339bd,#ff0);border:4px solid #e7eb00}.piece-cell.green{background:radial-gradient(#00800069,green);border:4px solid #3fc528}.piece-cell.blue{background:radial-gradient(#1690e5b0,#1690e5);border:4px solid #7eb8f5}.piece-cell.purple{background:radial-gradient(#c516e7ad,#c516e7);border:4px solid #f9adf9}.piece-cell.orange{background:radial-gradient(#ffa50073,orange);border:4px solid #fdd68f}.piece-cell.silver{background:radial-gradient(#e5e3e3,#c3b3b3);border:4px solid #e3e1e1}.piece-cell.red{background:radial-gradient(#f9181861,#f91818);border:4px solid #f3c3c3}
/*# sourceMappingURL=main.6712eca8.css.map*/