.backDoor
{
  background-color: #333;
  position:relative;
  width:350px;
  height:500px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  margin: 0 auto;
  margin-top:50px;
}

.door
{
  
  position:absolute;
  top:0px;
  left:0px;
  width:350px;
  height:500px;
  transform-origin: left;
  /*Speed of the Door animation*/
  transition: all 1.0s ease-in-out;
}




.doorOpen
{
  /*prespectiv creates the door open effect*/
  transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-180deg);
  
}