.presentation {
  width: 90vw;
  max-width: 900px;
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 33px 15px rgba(0, 106, 255, 0.306);
  transform: scale(0);
  animation: appearScale 0.5s forwards ease-out;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  margin: 20px auto;
}

@keyframes appearScale {
  to {
    transform: scale(1);
  }
}

.presentation:hover {
  transform: scale(1.05);
  box-shadow: 0 40px 25px rgba(11, 10, 10, 0.25);
}




.stage {
  width: 90vw;
  max-width: 900px;
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 33px 15px rgba(255, 255, 255, 0.625);
  transform: scale(0);
  animation: appearScale 0.5s forwards ease-out;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  margin: 20px auto;
}

@keyframes appearScale {
  to {
    transform: scale(1);
  }
}

.stage:hover {
  transform: scale(1.05);
  box-shadow: 0 40px 25px rgba(11, 10, 10, 0.25);
}



.projetpro {
  width: 90vw;
  max-width: 900px;
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 33px 15px rgba(255, 52, 52, 0.494);
  transform: scale(0);
  animation: appearScale 0.5s forwards ease-out;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  margin: 20px auto;
}

@keyframes appearScale {
  to {
    transform: scale(1);
  }
}

.projetpro:hover {
  transform: scale(1.05);
  box-shadow: 0 40px 25px rgba(11, 10, 10, 0.25);
}