popup.css

body{
    background-color: orange;
    width: 750px;
    height: 700px;
    margin: 0;

}


div.game{
    width: 970px;
    height: 604px;

    transform: scale(0.77);
    transform-origin: top left;

    position: absolute;
    top: 5px;

}

iframe.game{

    width: 100%; /* Ajusta el ancho del contenido al 100% del iframe */
    height: 100%; /* Ajusta la altura del contenido al 100% del iframe */
    margin: 0; /* Elimina los márgenes predeterminados del body dentro del iframe */
    padding: 0; /* Elimina el relleno predeterminado del body dentro del iframe */

}

a.selectGame{
    border: 1px solid black;
    color: black;
    background-color: rgb(82, 252, 82);

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
}
a.selectGame:hover{
    color: white;
}

div.popularGames{

    position: absolute;
    top: 470px;


    width: 600px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;



}



div.selectorGame{
    
    margin: 5px;
}

div.selectorGame img{
    height: 99px;
    width: 99px;
}



img.imgClick{
    opacity: 1;
    position: absolute;
    top :2px;

    width: 750px;
    height: 468px;
    display: none;
}