diff --git a/package-lock.json b/package-lock.json
index 5ec4266..8637866 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -966,6 +966,7 @@
       "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
       "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
diff --git a/style.css b/style.css
index 6b4c4f1..1864b9c 100644
--- a/style.css
+++ b/style.css
@@ -24,7 +24,7 @@ why-need-link {
   border-radius: 5px;
   transition: background-color 0.3s ease;
 }
-. .container {
+.container {
   width: 100%;
   max-width: 1000px;
   padding: 20px;
@@ -33,12 +33,24 @@ why-need-link {
 }
 
 .subtitle {
-  text-align: center;
-  color: #f6ac62;
   font-family: 'Londrina Outline', cursive;
-  font-size: 5rem;
-  padding: 8px 16px;
-  text-shadow: 0 3px 10px rgba(10, 10, 10, 40);
+  font-size: 4rem;
+  color: #ff6f61;
+  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
+  text-align: center;
+  margin: 20px 0;
+  animation: fadeIn 1s ease-in-out;
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 h1 {