improve hover in internship section (#492)

Under #451 assigned to me i improved hover effect, made the colors on
hover more in sync with website them, made transiiton slow smoother and
more attractive, earlier it looked very different and out of box, i made
it more eye catchy and elegant.
You can see in the video


https://github.com/user-attachments/assets/9424f526-2501-4d25-9f15-77189ab9d839

src/Component/Documetation/Internship/internpage.css

@@ -47,9 +47,10 @@ body {
 
 
 .BoxContent:hover {
-    box-shadow: 0.7px 0.7px 6px rgb(255, 255, 255), -0.7px -0.7px 6px rgb(255, 255, 255);
-    transition: 0.5s;
-    transform: scale(1.03);
+   box-shadow: 2px 2px 40px rgba(153, 0, 255, 0.769), -2px -2px 40px rgba(153, 0, 255, 0.756);
+    transition: 1s;
+    transform: scale(1.05);
+
 
 
 }
@@ -91,8 +92,9 @@ body {
     font-weight: bold;
     border-radius: 7px;
     background-color: transparent;
+    transition: color 0.3s, background-color 0.3s, border 0.3s;
+    width: max-content;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Box shadow for base state */
-    transition: color 0.3s, background-color 0.3s, border 0.3s, box-shadow 0.3s;
     text-decoration: none; /* Ensure no underline for links */
     width: max-content;
 }