* { -webkit-tap-highlight-color: transparent; } html { width: 100%; height: 100%; color: white; background: black; margin: 0; padding: 0; cursor: pointer; } body { display: contents; } #wrapper { display: flex; /* dvh tracks the mobile browser chrome as it slides in and out, so the question stays centred instead of jumping. */ width: 100%; height: 100dvh; align-items: center; justify-content: center; } #question { display: block; margin: auto; font-size: 2em; padding: 1em; text-align: center; } /* The Latvian half is rotated so it reads right way up from the other side of the table. Remove "bilingual" from to show Russian only. */ #question_lv, #question hr { display: none; } .bilingual #question_lv { display: block; transform: rotate(180deg); } .bilingual #question hr { display: block; border: 0; border-top: 1px solid #333; margin: 1em 0; } #reset { position: fixed; bottom: 0; left: 10px; color: #111; text-decoration: none; }