.base-layout{min-height:100vh;height:100vh;overflow:hidden}.game-intro{--fit-scale:1;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;height:100vh;height:100dvh;max-height:100%;overflow:hidden;color:#fff;background-color:#2b87d1;text-align:center;padding:0 20px}.game-intro i{font-size:calc(120px*var(--fit-scale));animation:shine 3s linear infinite,textFadeIn .5s linear}.game-intro h2{font-size:calc(40px*var(--fit-scale));animation:textFadeIn .5s linear}.game-intro span{display:block;text-indent:2em;font-size:calc(25px*var(--fit-scale));animation:textFadeIn .5s linear}.game-intro .about-text,.game-intro span{width:100%;max-width:820px;text-align:left;margin-bottom:calc(30px*var(--fit-scale))}.game-intro .about-text p{margin:calc(10px*var(--fit-scale)) 0;font-size:calc(18px*var(--fit-scale));line-height:1.6;text-indent:2em}@keyframes shine{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.grid-table{width:350px;height:350px;display:flex;flex-flow:row wrap}.grid-table .cell{margin:5px;background-color:rgba(0,0,102,.15);border-radius:5px;cursor:pointer}@media screen and (max-width:350px){.grid-table{width:300px;height:300px}}.visual-memory-game-wrap{padding:0 30px}.visual-memory-game-wrap .grid-table .show{animation:showCell 2s linear}.visual-memory-game-wrap .grid-table .right-click{animation:rotateCell .3s linear;background-color:#fff}.visual-memory-game-wrap .grid-table .wrong-click{animation:shakeCell .3s linear;background-color:rgba(0,0,0,.5019607843)}@keyframes showCell{0%{background-color:rgba(0,0,102,.15)}30%,80%{background-color:#fff}to{background-color:rgba(0,0,102,.15)}}@keyframes rotateCell{0%{transform:rotateX(0deg)}to{transform:rotateX(180deg)}}@keyframes shakeCell{0%{transform:translate(0)}33%{transform:translate(5px)}to{transform:translate(-5px)}}.game-wrap{--fit-scale:1;position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;height:100vh;height:100dvh;max-height:100%;overflow:hidden;color:#fff;background-color:#2b87d1;text-align:center;padding:0 20px}.game-wrap i{font-size:calc(120px*var(--fit-scale))}.game-wrap h2,.game-wrap i{animation:textFadeIn .5s linear}.game-wrap h2{font-size:calc(40px*var(--fit-scale))}.game-wrap span{font-size:calc(25px*var(--fit-scale));margin-bottom:calc(30px*var(--fit-scale));animation:textFadeIn .5s linear}.btn-wrap{width:300px;display:flex;justify-content:space-around}