#memory #memory-game{width:100%;height:auto;margin:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;perspective:1000px;position:relative}#memory #memory-game .memory-card{flex:0 0 23%;width:100px;height:100px;margin:1%;position:relative;transition:all .5s;transform-style:preserve-3d;transform:scale(1);cursor:pointer}@media(max-width:576px){#memory #memory-game .memory-card{height:70px}}#memory #memory-game .memory-card:hover{transform:scale(1.05)}#memory #memory-game .memory-card:hover .back-face{background-color:#f7065d}#memory #memory-game .memory-card.flip{transform:rotateY(180deg)}#memory #memory-game .memory-card:active{transform:scale(.97);transition:transform .2s}#memory #memory-game .front-face,#memory #memory-game .back-face{width:100%;height:100%;padding:20px;position:absolute;backface-visibility:hidden;border-radius:5px;background:#fff;-webkit-user-select:none;user-select:none}#memory #memory-game .back-face{background-color:#fde6ca;transition:background-color .2s ease-out}#memory #memory-game .front-face{transform:rotateY(180deg);font-size:2.8rem;line-height:1;text-align:center}@media(max-width:576px){#memory #memory-game .front-face{font-size:1.8rem}}