Fixed text distoration on hover for about, skills and experience section

index.html

@@ -584,7 +584,7 @@ <h4>Exploring Dependency Related Build Breakages In The NPM Ecosystem</h4>
                     <h4>Code Review Practises On Ethereum Smart Contracts</h4>
                     <p>This project assesses the effectiveness of code review for <b>Ethereum</b> smart contracts
                         across major projects like <b>Uniswap</b> and <b>Aave</b>.
-                        Whihch represent some of the most widely used protocols in the blockchain ecosystem,
+                        Which represent some of the most widely used protocols in the blockchain ecosystem,
                         where security vulnerabilities can lead to significant financial losses.
                         Using <b>Git</b> for version control and <b>Slither</b> for <b>static analysis</b>, vulnerabilities 
                         such as <b>reentrancy</b>, <b>unchecked transfers</b>, and <b>zero-address</b> issues were identified. 

styles.css

@@ -83,6 +83,8 @@ section {
   width: 80%; /* Set the width to 80% */
   margin: 0 auto; /* Add auto margins to horizontally center the section */
   padding: 20px 0; /* Add vertical padding */
+  transform: translateZ(0);
+  will-change: transform;
 }
 
 section ul {
@@ -161,6 +163,8 @@ section ul li {
   position: relative;
   min-height: 450px;
   transition: all 0.3s ease-in-out;
+  transform: translateZ(0);
+  will-change: transform;
 }
 
 .about-content:hover {
@@ -392,8 +396,11 @@ section ul li {
   display: flex;
   flex-direction: column;
   position: relative;
+  transform: translateZ(0);
+  will-change: transform;
 }
 
+
 .experience-item:hover {
   box-shadow: 0 0 10px rgba(0, 128, 0, 0.3);
   transform: scale(1.01);
@@ -481,12 +488,16 @@ section ul li {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
   margin-bottom: 20px; /* Space below each card */
   transition: all 0.3s ease;
+  position: relative;
   border: 0px;
+  transform: translateZ(0);
+  will-change: transform;
 }
 
+
 #projects .list-group-item:hover {
   box-shadow: 0 0 10px rgba(0, 128, 0, 0.3);
-  transform: scale(1.01);
+  transform: scale(1.01) translateZ(0);
   z-index: 1;
 }
 
@@ -523,6 +534,8 @@ section ul li {
 /* Papers Section */
 #papers {
   position: relative;
+  transform: translateZ(0);
+  will-change: transform; 
 }
 
 .paper {
@@ -534,15 +547,16 @@ section ul li {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
-  padding: 25px;
-  margin-bottom: 10px;
+  padding: 20px;
   justify-content: center;
   text-align: center;
+  transform: translateZ(0);
+  will-change: transform; 
 }
 
 .paper:hover {
   box-shadow: 0 0 20px rgba(0, 128, 0, 0.5);
-  transform: scale(1.01);
+  transform: scale(1.01) translateZ(0);
   z-index: 1;
 }
 
@@ -558,14 +572,21 @@ section ul li {
   grid-template-rows: repeat(2, 1fr); /* 2 rows */
   gap: 20px; /* Adjust as needed */
   justify-content: space-between;
+  transform: translateZ(0);
+  will-change: transform; 
+  transition: all 0.3s ease;
 }
 
 .paper-container {
   display: flex;
   gap: 10px;
   justify-content: center;
+  transform: translateZ(0);
+  will-change: transform; 
+  transition: all 0.3s ease;
 }
 
+
 .paper-icons {
   display: flex;
   font-size: 25px;