*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{font-family:'Comic Neue',cursive}body{background:#fec7d7;font-size:0.8rem;color:#0e172c;text-align:center;height:100vh;padding:3%}a{color:#0e172c;text-decoration:none}img{pointer-events:none;transform:scale(.1);-moz-transform:scale(0.4)}img.card-value{transform:scale(.15);-moz-transform:scale(0.6)}.title{font-size:4rem}.game-info-container{grid-column:1 / -1;display:flex;justify-content:space-between}.game-info{font-size:2rem}.game-container{display:grid;grid-template-columns:repeat(5,auto);grid-gap:10px;justify-content:center;perspective:500px}.card{position:relative;height:10rem;width:10rem}.card-face{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:12px;border-width:1px;overflow:hidden;transition:transform 150ms ease-in-out;backface-visibility:hidden}.card.visible .card-back{transform:rotateY(-180deg)}.card.visible .card-front{transform:rotateY(0)}.card-back{background-color:#0e172c;transform:rotateY(0)}.card-front{background-color:#fdf9ed;transform:rotateY(180deg)}.attribution{padding:5rem 0;font-size:0.5rem}.overlay-text{top:0;left:0;right:0;bottom:0;z-index:100;display:none;position:fixed;justify-content:center;align-items:center;flex-direction:column;color:#fff;transition:background-color 500ms, font-size 500ms}.overlay-text.visible{display:flex;animation:overlay-grow 500ms forwards}@keyframes overlay-grow{from{background-color:rgba(0,0,0,0);font-size:0}to{background-color:rgba(0, 0, 0, .8);font-size:10rem}}@media (max-width: 600px){.game-container{grid-template-columns:repeat(3,auto)}.game-info-container{flex-direction:column;align-items:center}}