.container_animated_popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.animated_popup {
  position: absolute;
  width: 400px;
  height: 400px;
  opacity: 0;
}
.popup_symbol {
  position: absolute;
  top: 20%;
  left: 15%;
  width: 70%;
  z-index: 7;
}
.card {
  position: absolute;
  top: 35%;
  width: 35%;
  left: calc((100% - 35%) / 2);
  transform-origin: center;
}
.card_1 {
  z-index: 6;
}
.card_2 {
  z-index: 5;
}
.card_3 {
  z-index: 4;
}
.card_4 {
  z-index: 3;
}
.card_5 {
  z-index: 2;
}
.card_6 {
  z-index: 1;
}
.pesca_2 .card_1 {
  margin-left: -10%;
  transform: rotate(-10deg);
}
.pesca_2 .card_2 {
  margin-left: 10%;
  transform: rotate(10deg);
}
.pesca_4 .card_1 {
  margin-left: -20%;
  transform: rotate(-10deg);
}
.pesca_4 .card_2 {
  margin-left: -5%;
  margin-top: -2%;
  transform: rotate(-5deg);
}
.pesca_4 .card_3 {
  margin-left: 10%;
  margin-top: -2%;
  transform: rotate(5deg);
}
.pesca_4 .card_4 {
  margin-left: 25%;
  transform: rotate(10deg);
}
.pesca_6 .card_1 {
  margin-left: -25%;
  transform: rotate(-10deg);
}
.pesca_6 .card_2 {
  margin-left: -15%;
  margin-top: -2%;
  transform: rotate(-5deg);
}
.pesca_6 .card_3 {
  margin-left: -5%;
  margin-top: -3%;
  transform: rotate(-5deg);
}
.pesca_6 .card_4 {
  margin-left: 5%;
  margin-top: -4%;
  transform: rotate(0deg);
}
.pesca_6 .card_5 {
  margin-left: 15%;
  margin-top: -4%;
  transform: rotate(10deg);
}
.pesca_6 .card_6 {
  margin-left: 25%;
  margin-top: -3%;
  transform: rotate(15deg);
}
.card_shadow {
  box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 3px 20px -3px rgba(0, 0, 0, 0.75);
}
/*# sourceMappingURL=animated_popup.css.map */