new curtain styles

1 files changed, 24 insertions, 2 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 6fa028e..57b3010 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -118,9 +118,31 @@ iframe {
   cursor: pointer;
 }
 
-/* text plates */
+/* curtains and text plates */
 
-.fullscreen-element.curtain span,
+.fullscreen-element.curtain .curtain-text {
+  height: calc(100vh - 3rem);
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.fullscreen-element.curtain div {
+  font-family: "Freight Text", serif;
+  max-width: 90%;
+  font-size: 10vh;
+  line-height: 1;
+  white-space: pre-line;
+  text-align: center;
+  margin: 0 auto;
+}
+.fullscreen-element.curtain div.flashing_light_warning {
+  line-height: 1.2;
+  font-size: 4vh;
+  max-width: 60rem;
+  margin-top: 5vh;
+}
 .fullscreen-element.text-plate span {
   font-family: "Freight Text", serif;
   font-size: 3rem;