From 8e8c577f26911f20c239e55870f8ce5b1180f0e3 Mon Sep 17 00:00:00 2001 From: dublUayaychtee Date: Mon, 3 Feb 2025 16:45:13 -0500 Subject: [PATCH] change countdown css to scroll and look better --- app/static/styles/countdown.css | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/app/static/styles/countdown.css b/app/static/styles/countdown.css index 9720577..ce4c1da 100644 --- a/app/static/styles/countdown.css +++ b/app/static/styles/countdown.css @@ -3,16 +3,20 @@ body { background: rgb(40, 40, 40); color: white; text-align: center; + overflow-x: hidden; } .countdown-container { margin-top: 8vh; } -h1 { +.name { font-size: 12em; + font-weight: 800; color: rgb(163, 0, 46); text-shadow: 2px 2px 5px red; + animation: 10s linear infinite lmao; + white-space: nowrap; } #countdown { @@ -33,3 +37,12 @@ h1 { box-sizing: border-box; /* Include padding in width calculation */ overflow: hidden; /* Prevent any text overflow */ } + +@keyframes lmao { + 0% { + translate: 100% 0; + } + 100% { + translate: -100% 0; + } +}