html {
  min-height: 100%;
}


body {
  background: #000000;

}


.container {

  position: relative;
  width: 200px;
  height: 1040px;
  background: #000000 ;
  overflow: hidden;
  text-align: center;
  z-index: 8;
  
}



.block1 {

  position: relative;
  top: 0%;
  width: 200px;
  height: 1040px;
  background: #ffffff;
  overflow: hidden;
  text-align: center;
  z-index: 2;
  
}

.block2 {

  position: relative;
  top: 0%;
  width: 200px;
  height: 940px;

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


.block3 { 

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


.block4 {

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

.block5 {

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