[Removed] Unused styling

src/app/projects/projects.component.scss

@@ -1,54 +0,0 @@
-.metallic-card {
-    background: linear-gradient(145deg, #6e7d7f, #4b5457); /* Gradient to mimic brushed metal */
-    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1); /* Inner shadow for depth */
-    transition: all 0.3s ease-in-out;
-  }
-  
-  .metallic-card:hover {
-    transform: scale(1.05); /* Slight zoom effect */
-    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.3), 0 15px 25px rgba(0, 0, 0, 0.15); /* Stronger shadow on hover */
-    filter: brightness(1.2); /* Enhance brightness on hover */
-  }
-  
-  /* Optional - Adding a reflective highlight */
-  .metallic-card::before {
-    content: '';
-    position: absolute;
-    top: 10%;
-    left: 50%;
-    width: 70%;
-    height: 10px;
-    background: rgba(255, 255, 255, 0.4);
-    transform: translateX(-50%) rotate(45deg);
-    border-radius: 50%;
-    pointer-events: none;
-  }
-
-  /* Metallic effect for project cards */
-.project-card {
-    background: linear-gradient(145deg, #4c4f52, #3a3d40); /* Darker gray gradient */
-    border-radius: 8px;
-    overflow: hidden;
-    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.4), 0 8px 16px rgba(0, 0, 0, 0.2); /* Subtle inner and outer shadows */
-    transition: all 0.3s ease-in-out;
-    position: relative;
-  }
-  
-  .project-card:hover {
-    transform: scale(1.03); /* Subtle zoom on hover */
-    box-shadow: inset 0 6px 8px rgba(0, 0, 0, 0.5), 0 12px 18px rgba(0, 0, 0, 0.25); /* Darker shadow on hover */
-  }
-  
-  /* Optional - Adding a subtle highlight effect */
-  .project-card::before {
-    content: '';
-    position: absolute;
-    top: 5%;
-    left: 50%;
-    width: 80%;
-    height: 8px;
-    background: rgba(255, 255, 255, 0.15); /* Less intense highlight */
-    transform: translateX(-50%) rotate(45deg);
-    border-radius: 50%;
-    pointer-events: none;
-  }