diff --git a/src/app/media-player/media-player.component.scss b/src/app/media-player/media-player.component.scss index 263bcd6..8f2163b 100644 --- a/src/app/media-player/media-player.component.scss +++ b/src/app/media-player/media-player.component.scss @@ -32,7 +32,7 @@ padding: 0; line-height: 1; color: var(--color-white); - font-size: 1.1rem; + font-size: 2rem; opacity: 0.9; transition: opacity $transition-fast; // minimum 44x44 touch target @@ -117,11 +117,25 @@ } @keyframes livePulse { - 0%, 100% { opacity: 1; transform: scale(1); } - 50% { opacity: 0.4; transform: scale(0.8); } + + 0%, + 100% { + opacity: 1; + transform: scale(1); + } + + 50% { + opacity: 0.4; + transform: scale(0.8); + } } @keyframes marqueeScroll { - 0% { transform: translateX(0); } - 100% { transform: translateX(-100%); } -} + 0% { + transform: translateX(0); + } + + 100% { + transform: translateX(-100%); + } +} \ No newline at end of file