diff --git a/index.html b/index.html
index dea0969..98968dd 100644
--- a/index.html
+++ b/index.html
@@ -81,24 +81,24 @@
color: #555;
}
.Text {
- display: inline-block;
- animation: scrollText 10s linear infinite;
- }
+ display: inline-block;
+ white-space: nowrap; /* Ensures text stays in a single line */
+ overflow: hidden; /* Hides overflow text */
+ animation: scrollText 10s linear infinite;
+}
+
+@keyframes scrollText {
+ 0% {
+ transform: translateX(100%); /* Start outside from the right */
+ }
+ 50% {
+ transform: translateX(-100%); /* Halfway, text moves to the left */
+ }
+ 100% {
+ transform: translateX(0%); /* End at the left side */
+ }
+}
- @keyframes scrollText {
- 0% {
- transform: translateX(200%); /* Start outside from the right */
- }
- 50% {
- transform: translateX(0); /* End at the left side */
- }
- 50.1% {
- transform: translateX(-200%); /* Jump back to start outside from the left */
- }
- 100% {
- transform: translateX(0%); /* End at the right side */
- }
- }
.spinner {
border: 4px solid rgba(0, 0, 0, 0.1);
border-left-color: #333;