body{
    background-color:white;

}

#rec div{
    height: 200px;
	width: 200px;
   transform: rotate(45deg);
	
   border: 8px solid gray;
    opacity: 0.3;
	margin:-80px -190px 10px 10px;
	float: left;
}

#rec2{
    position: absolute;
    left: 0%;
    top: 0%;
}
#rec2 div{
   width: 200px;
	height: 200px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec3{
    position: absolute;
    margin-top: 200px;
    margin-left: 0px;
}
#rec3 div{
    height: 200px;
	width: 200px;
 transform: rotate(45deg);
	
    opacity: 0.3;
   border: 8px solid gray;
	margin:-80px -190px 10px 10px;
	float: left;
}
#rec4{
     position: absolute;
   left: 0%;
    top: 0%;
}
#rec4 div{
    width: 400px;
	height: 400px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec5{
    position: absolute;
    margin-top: 400px;
    margin-left: 00px;
}
#rec5 div{
    height: 200px;
	width: 200px;
   transform: rotate(45deg);

    opacity: 0.3;
    border: 8px solid gray;
	margin:-80px -190px 10px 10px;
	float: left;
}
#rec6{
 position: absolute;
   left: 0%;
    top: 0%;
}
#rec6 div{
     width: 600px;
	height: 600px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec7{
    position: absolute;
    margin-top: 600px;
    margin-left: 00px;
}
#rec7 div{
    height: 200px;
	width: 200px;
   transform: rotate(45deg);
	
    opacity: 0.3;
    border: 8px solid gray;
	margin:-80px -190px 10px 10px;
	float: left;
}
#rec8{
position: absolute;
   left: 0%;
    top: 0%;
}
#rec8 div{
  width: 800px;
	height: 800px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec9{
    position: absolute;
    margin-top: 800px;
    margin-left: 00px;
}
#rec9 div{
    height: 200px;
	width: 200px;
    transform: rotate(45deg);

    opacity: 0.3;
    border: 8px solid gray;
	margin:-80px -190px 10px 10px;
	float: left;
}
#rec10{
    position: absolute;
   left: 0%;
    top: 0%;
   
}
#rec10 div{
   width: 1000px;
	height: 1000px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec12{
     position: absolute;
   left: 0%;
    top: 0%;
   
}
#rec12 div{
     width: 1200px;
	height: 1200px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec14{
     position: absolute;
   right: 0%;
    top: 0%;
   
}
#rec14 div{
     width: 1200px;
	height: 1200px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec16{
    position: absolute;
   right: 0%;
    top: 0%;
   
}
#rec16 div{
   width: 1000px;
	height: 1000px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec18{
position: absolute;
   right: 0%;
    top: 0%;
}
#rec18 div{
  width: 800px;
	height: 800px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec20{
 position: absolute;
   right: 0%;
    top: 0%;
}
#rec20 div{
     width: 600px;
	height: 600px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec22{
     position: absolute;
   right: 0%;
    top: 0%;
}
#rec22 div{
    width: 400px;
	height: 400px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}
#rec24{
    position: absolute;
    right: 0%;
    top: 0%;
}
#rec24 div{
   width: 200px;
	height: 200px;
	border-radius: 50%;
    background-color: crimson;
    opacity: 0.3;
    float: left;
}