@import url(http://fonts.googleapis.com/css?family=Roboto:400,200);
html {
  background: url(https://bigenc.ru/media/2016/10/27/1237282325/22248.jpg) center center no-repeat;
    position: relative; 
     z-index:-1;
  background-size: cover; }
.bground {
  z-index:-1;
  position: relative;  
  height: 100vh;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  margin: auto;
}
.container {
   font-size: 100px;
   position: absolute;
   margin: auto;
   left: 25%;
}
.block1{
	position: relative;
	width: 100px;
	height: 100px;
	background: #9ACD32;
	z-index: 1;
	border: 1px solid #555;
	}
	.block2{
	position: relative;
	width: 100px;
	height: 100px;
	background: #76EE00;
	margin: -70px 0px 0px 30px;
	z-index: 2;
	border: 1px solid #555;
	}
	.block3{
	position: relative;
	width: 100px;
	height: 100px;
	background: #00CD00;
	margin: -70px 0px 0px 60px;
	z-index: 3;
	border: 1px solid #555;
	}
	.block4{
	position: relative;
	width: 100px;
	height: 100px;
	background: #008B00;
	margin: -70px 0px 0px 90px;
	z-index: 4;
	border: 1px solid #555;
	}
	.block5{
	position: relative;
	width: 100px;
	height: 100px;
	background: #008B45;
	margin: -70px 0px 0px 120px;
	z-index: 5;
	border: 1px solid #555;
	}