/* EFFETTI */

.hideshow{
    opacity: 0;
}
.show:hover .hideshow {
    opacity: 1;
}
.opacity {
     -webkit-filter: opacity(70%); /* Chrome, Safari, Opera */
    filter: opacity(70%);   
}

.invert {
     -webkit-filter: opacity(70%) grayscale(100%) invert(72.7%); /* Chrome, Safari, Opera */
    filter: opacity(70%) grayscale(100%) invert(72.7%);   
}
.show:hover .opacity {
    -webkit-filter: opacity(100%); /* Chrome, Safari, Opera */
    filter: opacity(100%);
}


@keyframes bounceb {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-10px);
}
60% {
    transform: translateY(-5px);
}
}
.bounceb {
  animation-name: bounceb;
}
.down {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  bottom: 15.5rem;
  height: 1.4375em;
  left: 48%;
  margin-left: -1.25em;
  position: absolute;
  width: 2.5625em;
}