Update style.css

style.css

@@ -52,17 +52,47 @@ body {
 
 /* Skills section styles */
 .skills {
-    padding-top: 50px;
+  padding: 5rem 0;
 }
 
 .skill-card {
-    background-color: #f0f0f0;
-    border-radius: 5px;
-    padding: 20px;
-    margin: 10px;
-    text-align: center;
+  background-color: #f5f5f5;
+  padding: 2rem;
+  border-radius: 5px;
+  text-align: center;
+  transition: all 0.3s ease-in-out;
+}
+
+.skill-card:nth-child(1) {
+  background-color: #f0f8ff;
+}
+
+.skill-card:nth-child(2) {
+  background-color: #f7f7f7;
+}
+
+.skill-card:hover {
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
+  transform: scale(1.02);
+}
+
+.custom-icon {
+  width: 50px;
+  height: 50px;
+  fill: #333; /* Change fill color as needed */
+}
+
+.skills-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.skills-list li {
+  margin-bottom: 1rem;
 }
 
+
 /* Portfolio section styles */
 .portfolio {
     padding-top: 50px;