.pt-20 {
  padding-top: 44%;
}

.switch-button {
  display: inline-block;
}
.switch-button .switch-button__checkbox {
  display: none;
}
.switch-button .switch-button__label {
  background: url(../images/btn-back-lang.png);
  width: 3.3rem;
  height: 1.5rem;
  /* border-radius: 2.9rem; */
  display: inline-block;
  position: relative;
}

.switch-button .cast__label {
  background: url(../images/cast-lang.png);
  width: 2.6rem;
  height: 1.45rem;
  display: inline-block;
  position: relative;
}

.switch-button .eng__label {
  background: url(../images/eng-lang.png);
  width: 2.6rem;
  height: 1.45rem;
  display: inline-block;
  position: relative;
}

.switch-button .switch-button__label:before {
  transition: .2s;
  display: block;
  position: absolute;
  width: 2.3rem;
  height: 1.2rem;
  background: url(../images/btn-lang.png);
  vertical-align: revert;
  content: '';
  margin: 0.2rem;
}
.switch-button .switch-button__checkbox:checked + .switch-button__label:before {
  transform: translateX(0.8rem);
}

/*Switch para página 2*/

.switch-button-2 {
  display: inline-block;
}
.switch-button-2 .switch-button__checkbox {
  display: none;
}
.switch-button-2 .switch-button__label {
  background: url(../images/btn-back-lang.png);
  width: 3.3rem;
  height: 1.5rem;
  /* border-radius: 2.9rem; */
  display: inline-block;
  position: relative;
}

.switch-button-2 .cast__label {
  background: url(../images/switch2/cast-lang.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 2.7rem;
  height: 1.4rem;
  display: inline-block;
  position: relative;
}

.switch-button-2 .eng__label {
  background: url(../images/switch2/eng-lang.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 2.7rem;
  height: 1.4rem;
  display: inline-block;
  position: relative;
}

.switch-button-2 .switch-button__label:before {
  transition: .2s;
  display: block;
  position: absolute;
  width: 2.3rem;
  height: 1.2rem;
  background: url(../images/btn-lang.png);
  vertical-align: revert;
  content: '';
  margin: 0.25rem;
}
.switch-button-2 .switch-button__checkbox:checked + .switch-button__label:before {
  transform: translateX(0.8rem);
}

/*Switch para página 2*/

/**/
.wrapper{
  background: url(../images/disco_trans.png) !important;
  background-repeat: no-repeat;
    background-size: contain;
}

@keyframes bodyLight{
  30%{
    filter: invert(14%);
  }
  40%{
    filter: invert(10%);
  }
  50%{
    filter: invert(7%);
  }
  60%{
    filter: invert(10%);
  }
  70%{
    filter: invert(12%);
  }
  80%{
    filter: invert(9%);
  }
  90%{
    filter: invert(14%);
  }
  100%{
    filter: invert(11%);
  }
}
@keyframes triangleMove{
  10%{
    transform: translateX(10px);
    filter: blur(3px);
  }
  20%{
    transform: translateX(4px);
    filter: blur(0);
  }
  30%{
    transform: translateX(-5px) skew(0deg);
    filter: blur(3px);
  }
  40%{
    transform: translateX(7px);
    filter: blur(0);
  }
  50%{
    transform: translateX(3px);
  }
  60%{
    transform: translateX(2px);
    filter: blur(5px);
  }
  70%{
    transform: translateX(-2px);
    filter: blur(0);
  }
  80%{
    transform: translateX(3px);
    filter: blur(2px);
  }
  90%{
    transform: translateX(-3px);
  }
  100%{
    transform: translateX(3px);
  }
}
@keyframes textAnim{
  10%{
    transform: scale(1.2) skew(180deg);
  }
  11%{
    transform: scale(1) skew(180deg);
  }
  
  70%{
    transform: scale(1) skew(-300deg);
    filter: blur(1px);
  }
  
  99%{
    transform: scale(1) skew(200deg);
  }
  
  100%{
    transform: scale(1) skew(-200deg);

  }
  
}