.curtain {
  position: absolute;
  top: -10%;
  height: 120%;
  width: 50%;
  -webkit-transition: all 2s ease-out 0s;
  -ms-transition: all 2s ease-out 0s;
  transition: all 2s ease-out 0s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 45;
}
.curtain.-left {
  left: 0px;
  background: -moz-linear-gradient(
      right,
      rgba(0, 0, 0, 0),
      var(--verdeOscuro),
      var(--verdeClaro),
      var(--verdeOscuro)
    ),
    -moz-linear-gradient(right, var(--verdeClaro), var(--verdeOscuro2), var(--verdeClaro));
  background: -o-linear-gradient(
      right,
      rgba(0, 0, 0, 0),
      var(--verdeOscuro),
      var(--verdeClaro),
      var(--verdeOscuro)
    ),
    -o-linear-gradient(right, var(--verdeClaro), var(--verdeOscuro2), var(--verdeClaro));
  background: -webkit-linear-gradient(
      right,
      rgba(0, 0, 0, 0),
      var(--verdeOscuro),
      var(--verdeClaro),
      var(--verdeOscuro)
    ),
    -webkit-linear-gradient(right, var(--verdeClaro), var(--verdeOscuro2), var(--verdeClaro));
  background: linear-gradient(
      to left,
      rgba(0, 0, 0, 0),
      var(--verdeOscuro),
      var(--verdeClaro),
      var(--verdeOscuro)
    ),
    linear-gradient(to left, var(--verdeClaro), var(--verdeOscuro2), var(--verdeClaro));
  background-size: 17% 17%, 14% 14%;
}
.curtain.-right {
  right: 0px;
  background: -moz-linear-gradient(
      right,
      rgba(0, 0, 0, 0),
      var(--verdeOscuro),
      var(--verdeClaro),
      var(--verdeOscuro)
    ),
    -moz-linear-gradient(right, var(--verdeClaro), var(--verdeOscuro2), var(--verdeClaro));
  background: -o-linear-gradient(
      right,
      rgba(0, 0, 0, 0),
      var(--verdeOscuro),
      var(--verdeClaro),
      var(--verdeOscuro)
    ),
    -o-linear-gradient(right, var(--verdeClaro), var(--verdeOscuro2), var(--verdeClaro));
  background: -webkit-linear-gradient(
      right,
      rgba(0, 0, 0, 0),
      var(--verdeOscuro),
      var(--verdeClaro),
      var(--verdeOscuro)
    ),
    -webkit-linear-gradient(right, var(--verdeClaro), var(--verdeOscuro2), var(--verdeClaro));
  background: linear-gradient(
      to left,
      rgba(0, 0, 0, 0),
      var(--verdeOscuro),
      var(--verdeClaro),
      var(--verdeOscuro)
    ),
    linear-gradient(to left, var(--verdeClaro), var(--verdeOscuro2), var(--verdeClaro));
  background-size: 17% 17%, 14% 14%;
}
.open-curtains .curtain.-left {
  left: -16%;
  width: 0;
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
}
.open-curtains .curtain.-right {
  right: -16%;
  width: 0;
  -webkit-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}