fixed css

app/assets/styles/intro.css

@@ -81,11 +81,11 @@ body {
 }
 
 .glowing span:nth-child(3n + 2) {
-    animation: rotatedots-reverse 5s alternate infinite;
+    animation: rotatedots-reverse 9s alternate infinite;
 }
 
 .glowing span:nth-child(3n + 3) {
-    animation: rotatedots1 11s alternate infinite; 
+    animation: rotatedots1 15s alternate infinite; 
 }
         
 @keyframes fadeaway {
@@ -95,17 +95,23 @@ body {
 }
 
 @keyframes rotatedots1 {
-    0% { transform: rotate(calc(180deg * var(--i))); }
-    50% { transform: rotate(calc(0deg * var(--i))); }
-    100% { transform: rotate(calc(360deg * var(--i))); }
+    0% { transform: rotate(calc(180deg * var(--i))); scale:20%;}
+    25% { transform: rotate(calc(90deg * var(--i))); scale:100%;}
+    50% { transform: rotate(calc(0deg * var(--i)));  scale:80%;}
+    100% { transform: rotate(calc(360deg * var(--i))); scale:50%;}
 }
 
 
 @keyframes rotatedots-reverse {
-  0%   { transform: rotate(calc(135deg * var(--i))); }
-  50%  { transform: rotate(calc(-45deg * var(--i))); }
-  100% { transform: rotate(calc(315deg * var(--i))); }
+  0%   { transform: rotate(calc(135deg * var(--i))); scale:20%;}
+  25%  { transform: rotate(calc(45deg * var(--i))); scale:100%;}
+  50%  { transform: rotate(calc(-45deg * var(--i))); scale:80%;}
+  100% { transform: rotate(calc(315deg * var(--i))); scale:50%;}
 }   
+
+
+
+
 .logointro{
     filter: blur(14px);
     opacity: 0;
@@ -133,7 +139,7 @@ body {
     bottom: 15vh;
     color: aliceblue;
     font-style: italic;
-    font-size: 40px;
+    font-size: 2rem;
     border-radius: 100px;
     padding: 5px 40px;
     background: radial-gradient(#82cc50, #0a8200);
@@ -177,11 +183,11 @@ body {
     width: 15rem;
     border-radius: 5px;
     border: none;
-    font-size: 1.3rem;
+    font-size: 1rem;
 }
 #login-dialog button{
     justify-self: end;
-    font-size: 1.3rem;
+    font-size: 1rem;
     float: right;
 }
 #login-dialog div.loginerr{