body,html {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
}

#gameframediv {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

/* Media query for larger screens (PC) */
@media (min-width: 300px) {
    #gameframediv {
        width: 100%;  /* Adjust width for PC */
        height: 100%;  /* Adjust height for PC */
        max-width: 700px;  /* Max width for larger screens */
        margin: 0 auto;  /* Center horizontally */
        box-sizing: border-box; /* Include padding in width and height */
    }
}

#game_frame {
    width: 100%;
    height: 100%;
}