.container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 3rem;
}

.container > div{
  transform: translateY(calc(1.25rem * var(--i)));
  width: 18rem;
  padding: 1.25rem;
  box-shadow: -.2rem -.2rem .94rem rgba(255, 255, 255, .1), .2rem .2rem .2rem rgba(0, 0, 0, .6);
}

.etichetta{
  margin-bottom: 1.5rem;
  font-size: 1.15rem;
  font-weight: bold;
  text-align: center;
}

/* StagionePdf */

.container > div > a{
  display: block;
  height: 9.4rem;
  width: fit-content;
  margin: auto;
}

.container > div > a > img{
  height: 100%;
  transition: .5s transform ease;
}

.container > div > a > img:hover{
  transform: scale(1.05);
}

/* Calendari */

.link{
  width: 9.4rem;
  margin: auto;
  padding: .5rem;
  text-align: center;
  border-radius: 1.88rem;
  box-shadow: -.2rem -.2rem .94rem rgba(255, 255, 255, .1), .2rem .2rem .2rem rgba(0, 0, 0, .6);
  transition-property: background-color, border-color;
  transition-duration: .6s;
  transition-timing-function: ease;
}

.link:hover{
  background-color: rgba(255, 255, 255, .1);
}

.link a{
  text-decoration: none;
  color: #ddd;
  font-weight: bold;
  transition-property: color;
  transition-duration: .6s;
  transition-timing-function: ease;
}

/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ Responsive design. _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */


@media only screen and (max-width: 700px){
  .container{
    display: block;
  }

  .container > div{
    margin: auto;
    transform: translateY(0);
  }

  .container > div:first-child{
    margin-bottom: 2rem;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 400px){
  html{
    font-size: 4vw;
  }
}