+#quiz {
+ display: grid;
+ grid: repeat(3, 1fr) / repeat(4, 1fr);
+ grid-gap: 1ex;
+ min-height: calc(100vh - 11.5ex);
+}
+@media (orientation: portrait) {
+ #quiz {
+ grid: repeat(6, 1fr) / repeat(2, 1fr);
+ }
+}
+html {
+ overflow: hidden; /* rotation overflow on celebration */
+}
+