title: paper stack (css3) in angular material design
body: <p>I'm using Angular Material Design, and I'm trying to create the paper stack effect as given in the below codepen  link:</p>
  
  <p><a href="http://codepen.io/mlms13/pen/LKFoy">Paper Stack using CSS3</a></p>
  
  <p>It works fine, but the moment I add Angular Material Design CSS, it breaks (there is no more paper stack UI) could you please help me fix this, the below is the link with added Material Design CSS.</p>
  
  <p><a href="http://codepen.io/anon/pen/jPEBjv">Same Paper Stack code + Material Design CSS</a></p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.8.3/angular-material.min.css"&gt;
  &lt;div class="letter"&gt;
    &lt;p&gt;Dear Friends,&lt;/p&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod porta tempor. Donec pulvinar turpis nec velit pellentesque quis rhoncus sapien facilisis. Mauris quis massa dui, rhoncus viverra quam. Nulla tempus, augue ut consectetur facilisis, arcu elit pellentesque arcu, sed rutrum orci turpis pulvinar augue. Donec eget arcu mauris. Vestibulum tristique consequat lacus eget laoreet. Integer sed nisl sed nibh pulvinar ornare quis nec quam. Aenean rhoncus ligula ut lectus placerat a commodo quam vulputate. In eu metus turpis.&lt;/p&gt;
  
  &lt;/div&gt;
  
  &lt;!-- Angular Material Dependencies --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.8.3/angular-material.min.js"&gt;&lt;/script&gt;
  </code></pre>