mobile layout begins. testing in iphone simulator

1 files changed, 3 insertions, 3 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
index 63112e7..6c62a40 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -156,7 +156,7 @@ iframe {
 .fullscreen-element.curtain div {
   font-family: "Freight Text", serif;
   max-width: 96%;
-  font-size: 10vh;
+  font-size: 10vmin;
   line-height: 1;
   white-space: pre-line;
   text-align: center;
@@ -164,9 +164,9 @@ iframe {
 }
 .fullscreen-element.curtain div.flashing_light_warning {
   line-height: 1.2;
-  font-size: 4vh;
+  font-size: 4vmin;
   max-width: 60rem;
-  margin-top: 5vh;
+  margin-top: 5vmin;
 }
 .fullscreen-element.text-plate span {
   font-family: "Freight Text", serif;