anchor.diff:      margin-left:10px;
       padding-bottom:20px;
       padding-left:30px;
  -    padding-top:40px;
  -    -webkit-perspective: 1000;
  -    -webkit-backface-visibility: hidden;
  -
  +    padding-top:10px;
  +    height:100%;
       -webkit-box-shadow: -5px -5px 2px rgba(0,0,0,0.25);
  +    box-shadow: -5px -5px 2px rgba(0,0,0,0.25);
  +  }
  +
  +  .instructions {
  +    display:block;
  +    color:white;
  +    position:absolute;
  +    top:8px;
  +    left:13px;
  +    z-index:3;
  +    font-size:30px;
     }
   
     .menu .search-query {
  
positive.code: 
    <div class="outer-content">
      <div class="content">
        <h1>Woople</h1>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
        <p>Hello World!</p>
      </div>
    </div>
  </div>
  
negative.code: 
    .menu .menu-content {
      -webkit-transform: translateX(-240px);
      transform: translateX(-240px);
  
      -webkit-transition: -webkit-transform .25s ease-out;
      transition: transform .25s ease-out;
  
      position:relative;
      padding:10px;
    }
  