.line{
  margin-top: 10vh;
  border-bottom: 0.2rem solid black;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  padding-left: 8%;
}
.projects-section {
  padding: 40px 50px;
  display: flex;
  flex-wrap: wrap;
  gap:10rem
}
.projects-container {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  justify-content: flex-start;
}
.project-card {
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 360px;
  cursor: pointer;
  transition: opacity 1.5s ease, transform 0.8s ease, box-shadow 0.3s ease;
  opacity: 0;   
}
.project-card.visible{
  opacity: 1;
}
.project-card:hover .project-title{
  color:#0000ff
}

.project-title {
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 1rem;
  border-bottom: 0.15rem solid #0000ff;
  padding-bottom: 0.75rem;
}

.project-image {
  width: 100%;
  object-fit: contain;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.project-description {
  font-size: 1rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
}