body{
  opacity: 0;
  animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.projects{
  display: flex;
  gap: 2vw;
  margin-bottom: 2vw;
}

.projectsTop{
  margin-top: 2vh;
  display: flex;
  gap: 2vw;
  margin-bottom: 2vw;
}

.projects img{
  max-width: 100%;
}

.projects img:hover{
  opacity: 0.7;
  animation:  wiggle 0.2s;
}

.projectsTop img{
  max-width: 100%;
}

.projectsTop img:hover{
  opacity: 0.7;
  animation:  wiggle 0.2s;
}

@keyframes wiggle{
     0%{ transform: rotate(0deg);}
     25%{transform: rotate(5deg);}
     50%{transform: rotate(-5deg);}
     100%{transform: rotate(0deg);}
}