.skills { 
  background: #101917; 
  color: #f1f2f3; 
  /* height: 2780px;  */
  align-content: center; 
  position: relative; 
} 
.pcb-container { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  z-index: 0; 
} 
.pcb-container svg { 
  width: 100%; 
  height: auto; 
} 
#layer1 path { 
  stroke-linecap: round; 
  stroke: #00ffcc; 
  stroke-width: 2; 
  fill: none; 
  stroke-linecap: round; 
  stroke-dasharray: 1000; 
  stroke-dashoffset: 1000; 
  transition: none; 
} 
.skill-card { 
  background: #192320; 
  padding: 2rem; 
  border-radius: 1rem; 
  box-shadow: 0 4px 20px rgba(0,0,0,0.06); 
  text-align: center; 
  opacity: 0; 
  transform: scale(0.95); 
  transition: all 0.4s ease;
  align-content: center; 
  pointer-events: none; 
  height: 100%;
  width: 100%;
} 
.visible { 
  opacity: 1; 
  transform: translateY(0); 
} 
.skill-card.show { 
  opacity: 1; 
  transform: translateY(0) scale(1); 
} 
.skill-card h3 { 
  margin-bottom: 1rem; 
  font-size: 2.2rem; 
} 
.skill-card p { 
  color: #f1f2f3; 
  font-size: 1.15rem; 
} 
.skill-card h3 { 
  color: #fff;
  background: none; 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  transition: color 0.1s linear; 
} 
.skill-card p { 
  color: #f1f2f3;
  background: none; 
  -webkit-background-clip: text; 
  -webkit-text-fill-color: transparent; 
  transition: color 0.1s linear; 
} 
.skill-card:hover h3, 
.skill-card:hover p { 
  background-position: 100% 0; 
}