.projects-grid{
  margin-top:2.5rem;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1.5rem;
  width:90%;
  max-width:1000px;
}
.project-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.8rem;
  padding:1.8rem 1.3rem;
  border:2px solid #ffffff80;
  border-radius:1rem;
  text-decoration:none;
  color:#ffffffd0;
  background-color:#ffffff08;
  transition:transform .25s ease,border-color .2s ease,background-color .2s ease;
}
.project-card i{
  font-size:2.5rem;
}
.project-card:hover,
.project-card:focus{
  transform:translateY(-6px) scale(1.03);
  border-color:#ff004c;
  background-color:#ffffff12;
  color:#ff004c;
}
.back-home{
  position:fixed;
  top:1rem;
  left:1rem;
  font-size:1.4rem;
}
.back-home a{
  color:#ffffffa0;
  text-decoration:none;
  transition:color .2s ease;
}
.back-home a:hover,
.back-home a:focus{
  color:#ff004c;
}
@media (prefers-reduced-motion:reduce){
  .project-card:hover,
  .project-card:focus{
    transform:none;
  }
}