From 0842edf723cec76df623e3908cc57a76b88c5ca0 Mon Sep 17 00:00:00 2001
From: d3v1l0n <d3v1l0n@outlook.in>
Date: Sun, 29 Dec 2024 05:16:48 +0530
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20perf:=20can't=20remember?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/download/SystemRequirements.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/download/SystemRequirements.tsx b/src/components/download/SystemRequirements.tsx
index 53614a56..dcc14519 100644
--- a/src/components/download/SystemRequirements.tsx
+++ b/src/components/download/SystemRequirements.tsx
@@ -10,16 +10,16 @@ const requirements = [
 
 export function SystemRequirements() {
   return (
-    <div className="bg-white/80 backdrop-blur-sm p-6 rounded-lg">
-      <h2 className="text-xl font-semibold text-gray-900 mb-4">System Requirements</h2>
-      <ul className="space-y-3">
+    <div className="bg-white/80 backdrop-blur-sm p-6 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300 ease-in-out">
+      <h2 className="text-2xl font-semibold text-gray-900 mb-6">System Requirements</h2>
+      <ul className="space-y-4">
         {requirements.map((req) => (
-          <li key={req} className="flex items-center gap-2">
-            <Check className="h-5 w-5 text-green-500 flex-shrink-0" />
+          <li key={req} className="flex items-center gap-3">
+            <Check className="h-5 w-5 text-green-500 flex-shrink-0 transition-all duration-300 ease-in-out transform hover:scale-110" />
             <span className="text-gray-600">{req}</span>
           </li>
         ))}
       </ul>
     </div>
   );
-}
\ No newline at end of file
+}