diff --git a/src/components/OutputPage.vue b/src/components/OutputPage.vue index 9649869..ad94a28 100644 --- a/src/components/OutputPage.vue +++ b/src/components/OutputPage.vue @@ -275,6 +275,12 @@ video { visibility: hidden; } +.message, +.timer, +.intro-recording { + text-align: center; +} + .message { font-size: clamp(32px, 7vw, 140px); margin: 0; @@ -319,8 +325,18 @@ video { margin: clamp(16px, 3vh, 32px) 0 0; } +.timer { + align-items: center; + display: flex; + flex-direction: column; + gap: clamp(16px, 3vh, 32px); + max-width: 92vw; + overflow-wrap: anywhere; +} + .timer h1 { font-size: clamp(28px, 5vw, 80px); + margin: 0; } .timer strong {