minor changes

Author: ufuayk

index.html

@@ -51,7 +51,7 @@ <h1 class="text-start subtle-glow animate__animated animate__fadeIn mb-3">
                     <button class="btn btn-outline-info btn-sm filter-btn" data-filter="beginner">Beginner</button>
                     <button class="btn btn-outline-info btn-sm filter-btn" data-filter="advanced">Advanced</button>
                     <button class="btn btn-outline-info btn-sm filter-btn" data-filter="lightweight">Lightweight</button>
-                    <button class="btn btn-outline-info btn-sm filter-btn" data-filter="torrent">Official Torrent</button>
+                    <button class="btn btn-outline-info btn-sm filter-btn" data-filter="torrent">Torrent</button>
                 </div>
             </div>
         </div>

styles.css

@@ -27,7 +27,7 @@ html {
 }
 
 .main-content h1 {
-    font-size: 2.75rem;
+    font-size: 3rem;
     text-align: center;
     color: #ffffff;
     margin-bottom: 3rem;
@@ -45,7 +45,7 @@ html {
 }
 
 .card:hover {
-    box-shadow: 0 0 20px rgba(140, 255, 250, 0.4);
+    box-shadow: 0 0 10px rgba(140, 255, 250, 0.4);
 }
 
 .card-body {
@@ -78,7 +78,6 @@ html {
 
 .card-img-container {
     background: linear-gradient(45deg, rgba(30, 30, 30, 0.9), rgba(42, 42, 42, 0.9));
-    padding: 1.5rem;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -183,12 +182,12 @@ html {
     color: #ffffff;
     border: none;
     border-radius: 50%;
-    width: 40px;
-    height: 40px;
+    width: 60px;
+    height: 60px;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 1.2rem;
+    font-size: 1.5rem;
     z-index: 999;
     transition: all 0.3s;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
@@ -200,7 +199,7 @@ html {
 }
 
 .subtle-glow {
-    text-shadow: 0 0 10px rgba(140, 255, 250, 0.3);
+    text-shadow: 0 0 5px rgba(140, 255, 250, 0.3);
 }
 
 .text-gradient {
@@ -441,7 +440,7 @@ footer a:hover {
 }
 
 .torrent-icon {
-    opacity: 0.7;
+    opacity: 0.8;
     transition: all 0.3s ease;
     display: flex;
     padding: 6px;
@@ -456,6 +455,7 @@ footer a:hover {
 
 .torrent-icon:hover {
     opacity: 1;
+    text-shadow: 0 0 20px rgba(140, 255, 250, 0.4);
 }
 
 .torrent-icon svg {