Update public/style.css

public/style.css

@@ -22,3 +22,50 @@ body {
   color: #ffffff;
 }
 
+.portfolio-content {
+  background: #fff;
+  border-radius: 20px;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+  transition: all 0.3s ease-in-out;
+  display: flex;
+  flex-direction: column;
+}
+
+.portfolio-content img {
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  border-bottom: 1px solid #eee;
+}
+
+.portfolio-info {
+  padding: 20px;
+  text-align: left;
+}
+
+.portfolio-info h4 {
+  font-size: 1.1rem;
+  font-weight: 600;
+  margin-bottom: 5px;
+}
+
+.portfolio-info p {
+  font-size: 0.95rem;
+  color: #666;
+}
+
+.portfolio-info a i {
+  font-size: 1.2rem;
+  margin-right: 10px;
+  color: #007bff;
+  transition: color 0.2s;
+}
+
+.portfolio-info a:hover i {
+  color: #0056b3;
+}
+.portfolio-content:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
+}