.outerContainer{height:100dvh;align-items:center;display:flex;justify-content:center;flex-direction:column}.Topcontainer{background-color:#d2691e;height:70vh;width:80vh;display:grid;overflow:hidden;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:2px;padding:20px;box-sizing:border-box;border:3px solid green;border-radius:5px}@media screen and (max-width: 768px){.Topcontainer{width:90vw;height:90vw;padding:10px}}.boxes{border:1.5px solid black;display:flex;align-items:center;justify-content:center;position:relative;perspective:1000px;transform-style:preserve-3d;cursor:pointer;border-radius:2px}.boxes:hover{transform:scale(1.009);transition:transform .4s ease-in-out}.boxes.game-over{pointer-events:none}.box-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .5s;transform-style:preserve-3d}.boxes.revealed .box-inner{transform:rotateY(180deg)}.box-front,.box-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.box-front{background-color:#d3d3d3;color:#000;transform:rotateY(0)}.box-front:hover{background-color:#afaeae}.box-back{background-color:#add8e6;color:#000;transform:rotateY(180deg)}.boxes .box-inner .box-back img{display:block;max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;margin:auto}.boxes .box-inner .box-back{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;top:0;left:0;backface-visibility:hidden;transform:rotateY(180deg)}.bottomContainer{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:10px;margin-top:10px}.game-over-message{margin-top:20px;font-size:1.5em;color:red;text-align:center}.link{color:#000;font-size:medium;text-decoration:dotted}