html {
  min-height: 100%;
}


body {
  background: #eee url("http://www.xbladex.com/ARTWORK/fabric-background.jpg") no-repeat center;
  background-size: cover;
  font-family: "Open Sans", sans-serif;
}


.container {

  position: relative;
  width: 200px;
  height: 1040px;
  margin: 150px auto;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  background: #eee url("http://xbladex.com/Apps/Blocks/zebra.jpg") no-repeat center;
  overflow: hidden;
  text-align: center;
  z-index: 0;
  
}


.block1 {

  position: relative;
  top: 8%;
  width: 200px;
  height: 205px;
 
  overflow: hidden;
  text-align: center;
  z-index: 1;
  
}

.block2 {

  position: relative;
  top: 10%;
  width: 200px;
  height: 205px;

  overflow: hidden;
  text-align: center;
  z-index: 2;
  
}


.block3 { 

  position: relative;
  top: 12%;
  width: 200px;
  height: 215px;
  background: #9d9c99;
  overflow: hidden;
  text-align: center;
  z-index: 3;
  
}


.block4 {

  position: relative;
  top: 14%;
  width: 200px;
  height: 205px;
  background: #9d9c99;
  overflow: hidden;
  text-align: center;
  z-index: 4;
  
}

.block5 {

  position: relative;
  top: 14%;
  width: 200px;
  height: 280px;
  background: #000;
  overflow: hidden;
  text-align: center;
  z-index: 5;
  
}

.topcorner{
    position:absolute;
    top:10px;
    right: 10px;
 }