@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: 'Roboto', sans-serif;
 } 
body{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:100vh;
  background:#202020;
 } 
.container{
  position:absolute;
  width:100%;
  height:100%;
  overflow: hidden;
  display:flex;
  justify-content:center;
  align-items:center;
 } 
 .container .block{
    position: absolute;
    width: 50px;
    height: 50px;
    background: #444;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.5);
 }
 .container.circle .block{
  border-radius: 50%;
 }
 .container .block:nth-child(3n+1){
    background: #444;
 }
 .container .block:nth-child(3n+2){
    background: #fff;
 }
 .container .block:nth-child(3n+3){
    background: #03a9f4;
 }
 .container button{
    position: relative;
    z-index: 1;
    margin: 10px;
    border: none;
    background: #fff;
    font-size: 1.2em;
    cursor: pointer;
    padding: 15px 30px;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.25);
 }