optimised UI

teamame · Oct 8, 2024 · 670f488 · 670f488
1 parent 16ba668
commit 670f488
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/index.css b/index.css
@@ -42,16 +42,18 @@ body {
 
 h1.donotitle {
     font-size: 42px;
-    animation: fadeIn 0.7s 0.1s cubic-bezier(0.02, 0.01, 0.21, 1) forwards;
+    animation: fadeIn 0.7s 0s cubic-bezier(0.02, 0.01, 0.21, 1) forwards;
+    text-align: center;
 }
 
 p.donosubtitle {
     margin: 0;
     font-size: 20px;
-    width: 480px;
+    width: 80vw;
+    max-width: 480px;
     text-align: center;
     color: #ffffff91;
-    animation: fadeIn 0.7s 0.1s cubic-bezier(0.02, 0.01, 0.21, 1) forwards;
+    animation: fadeIn 0.7s 0s cubic-bezier(0.02, 0.01, 0.21, 1) forwards;
 }
 
 .button {
@@ -89,10 +91,11 @@ p.donosubtitle {
     padding: 20px 0;
     display: flex;
     gap: 1px;
-    animation: fadeIn 0.7s 0.35s cubic-bezier(0.02, 0.01, 0.21, 1) forwards;
+    animation: fadeIn 0.7s 0.25s cubic-bezier(0.02, 0.01, 0.21, 1) forwards;
     opacity: 0;
-    filter: blur(24px);
     align-items: center;
+    flex-wrap: wrap;
+    justify-content: center;
 }
 
 .btnavatar {