.left-layer {
  position: fixed;
  width: 130%;
  height: 0;
  border-top-style: solid;
  /* border-top-color: #191919; */
  border-top-color: #ff6044;
  border-right-style: solid;
  border-right-color: transparent;
  top: 0;
  left: -130%;
  bottom: auto;
  right: auto;
  background: transparent;
  transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 333;
}

.left-layer.active {
  left: 1%;
}

.right-layer {
  position: fixed;
  width: 130%;
  height: 0%;
  border-bottom-style: solid;
  border-bottom-color: #ff6044;
  /*border-bottom-color: #191919;*/
  border-right-style: solid;
  border-right-color: transparent;
  top: auto;
  left: -130%;
  bottom: 0;
  right: auto;
  background: transparent;
  transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: 333;
}

.right-layer.active {
left: 1%;
}