Video perspective


  body {
    padding: 5em 3em;
    height: 35em;
    font-family: Roboto, "Helvetica Neue";
  }

  .media {
    display: flex;
    max-width: 1100px;
    text-align: left;
    margin: 0 auto;
    align-items: flex-start;
  }

  .media h2 {
    margin: 2em 0 .5em;
    font-weight: 400;
    font-size: 170%;
    color: white;
  }

  .media h2 + p {
    color: rgba(255,255,255,.7);
    font-weight: 500;
    font-size: 105%;
    margin-bottom: 1.3em;
  }

  .media section {
    color: rgba(255,255,255,.5);
    margin: 0 10% 3em 0;
    font-size: 95%;
    flex: 1;
  }

  .media aside {
    flex: 1.4;
  }

  /* PC layout */
  @media (min-width: 900px) {
    .is-playing {
      transform: perspective(500px) translate(-8em, 3em) scale(1.6);
      box-shadow: -2em 0 3em 0em black;
      transition: transform .5s;
    }

    .is-paused {
      transform: perspective(860px) rotateY(-20deg) translateX(-3em) scale(1.15);
      transition: transform .4s;
      margin: 2em 0;
    }
  }

  /* mobile layout */
  @media (max-width: 900px) {
    #demo { height: auto }
    .media { display: block }
  }


  
    
      A new selection of brands
      Here are the first batches of the classic gray collection from the premium retailers on our inventory. Dorm design market in Turku and Lure in Oulu are included as well as the Helsinki-based collections from Esteria and Bot Borings.
      
      Obviously the all time favorite, Maroon dress, is part of our ongoing collection because it never out of peoples onsetting (or fashion).


  flowplayer("#player", {
    src: "56058953-2cbd-4858-a915-1253bf7ef7b2/00dc2cd3-3813-4869-8ab8-00ece266b958",
    poster: "/resources/demos/images/fashion/1.jpeg"
  })