#gameContainer { width: 400px; height: auto; margin: 0 auto; /* Centers the container horizontally */ display: none; /* Hides the container by default */ } html, body { margin: 0; padding: 0; height: 100%; } /* #gameContainer { */ /* position: absolute; */ /* top: 0; */ /* left: 0; */ /* width: 100%; */ /* height: 100%; */ /* } */ #gameIframe { width: 100%; height: 100%; border: none; /* display: none; /\* Hides the container by default *\/ */ margin: 0 auto; /* Centers the container horizontally */ } .modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5); } .modal-content { background-color: #fefefe; margin: 20% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 800px; } #legend-button { background: none; border: none; cursor: pointer; } #legend-button img { width: 80px; height: 80px; margin-right: 5px; } *{cursor: url("pincursorsh.png"), default;} #my-clippy { position: relative; } #my-clippy { position: absolute; top: 0; right: 0; padding: 100px; }