1 files changed, 29 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css
index fea25ec..72eec07 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css
@@ -424,3 +424,32 @@
   opacity: 1.0;
 }
 
+/* subtitles */
+
+.video-subtitles {
+  position: absolute;
+  bottom: 3rem;
+  height: 10rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  transform: translateZ(0) translateY(0);
+  transition: transform 0.2s;
+}
+.video-scrubber.show ~ .video-subtitles {
+  transform: translateZ(0) translateY(-3rem);
+}
+.video-subtitles span {
+  display: inline-block;
+  box-shadow: -3px -2px 0 #000,
+               3px -2px 0 #000,
+              -3px  2px 0 #000,
+               3px  2px 0 #000;
+  box-decoration-break: clone;
+  background: black;
+  color: white;
+  font-size: 1.25rem;
+  margin-bottom: 0.125rem;
+  padding: 0 0.125rem;
+}