body { 
  display: grid;
  grid-template-areas: 
    "header"
    "main" 
    "footer" ;
  grid-template-rows: 100px 1fr 100px;
  height: 100vh;
  margin: 0;
  
  
}
header{
  display: grid;
  grid-template-areas: 
  "logo nav";
  grid-template-columns: 30% 1fr;
}

#main{
	display: grid;
    grid-template-areas:
	"block1 block2 block3"
	
	grid-template-rows: 1fr  ;
    grid-template-columns: 1fr 1fr 1fr; 
    grid-gap: 10px;
    margin: 0;
}
#main {background: rgb(21,23,20) ;}
#block1,#block3{background: rgb(69,67,88);}
#block2{background: #7672a2; /*rgb(83,68,123);*/} 
.m1{text-align: center;}