.icon-type{width:30px;height:30px;background-size:100% 100%}.header-title{display:flex;justify-content:space-between;align-items:center;border-radius:5px;padding:10px;font-size:1.2em;color:#fff;width:90%}.psicologia-icon{background-image:url(../img/psicologia.f4a454c5.svg)}.calculadora-icon{background-image:url(../img/calculadora.c2f30b98.svg)}.self-awareness-icon{background-image:url(../img/self-awareness.5f2b5c7e.svg)}.memoria-icon{background-image:url(../img/memoria.797502a7.svg)}.cube-icon{background-image:url(../img/3d-cube.331d9e54.svg)}.lenguaje-icon{background-image:url(../img/lenguaje.d79c746a.svg)}.percepcion{background-color:#e2993b}.calculo{background-color:#b91000}.razonamiento{background-color:#580380}.espacio{background-color:#0468bf}.memoria{background-color:#055813}.games-menu-container{background-color:#1f0275;min-height:100vh}.juego-container{display:flex;justify-content:center;align-items:center;margin-bottom:1em;margin-top:.5em}.box-game:first-child{margin-top:1em}.title-icon{display:flex;justify-content:space-around;align-items:center}.box-game{background-color:#eeefe4;width:95%;height:140px;display:flex;flex-direction:column;justify-content:center;border-radius:10px;cursor:pointer;transition:all .5s}.box-game:hover{box-shadow:0 0 20px #fff}.box-game__title{width:50%;font-size:2.2em;text-align:center}.box-game__icon{width:100px}.box-game__difficulty{margin-top:1em;margin-left:1em}.gmc__spacer{display:block;height:6em}.gm__student-cramer,.gm__text-student-container{display:none}@media (min-width:900px) and (orientation:landscape){.games-menu-container{background-image:url(../img/bg-home.38958be1.svg);background-position-x:-20px;background-position-y:-200px;background-size:100%}.gm__student-cramer{display:block}.gm__container{margin-top:2em;display:grid;grid-template-columns:30% 30% 30%;grid-template-rows:100%;align-content:center;justify-items:center;align-self:center;justify-content:center}.gm__items{grid-column:1}.gm__instructions-container{width:100%;height:100%;grid-column:3;position:relative}.gm__student-container{width:80%}.gm__student-cramer{width:100%;height:100%}.gm__text-student-container{display:block;background-color:#fff;border-radius:20px;width:80%;position:absolute;left:-50%}.gm__text-student{font-size:2em;padding:.5em 1em}.gmc__spacer{display:none}}