body { 
	display: grid;
	grid: "header header  header" auto
          "nav    section aside"  auto
          "footer footer  footer" auto
		  ;
		  
  	min-height: 100vh;
}

header  { grid-area: header;  }
nav     { grid-area: nav;     }
section { grid-area: section; margin: 0 auto; }
aside   { grid-area: aside;   }
footer  { grid-area: footer;  }


/* стили для наглядности */
body{ margin:0; 
font-family: Open Sans;
font-style: normal;
font-weight: normal;
line-height: normal; }

body > *{ padding:1em; }

/*header  { background: #daebe8; }
nav     { background: #cfe0e8; }
section { background: #b7d7e8; }
aside   { background: #bccad6; }
footer  { background: #b3d4ce; }*/

.name
{
font-size: 32px;
text-align: center;
letter-spacing: 0.02em;
color: #000000;
margin-bottom: 172px;
}

.progress
{
font-size: 20px;
text-align: center;
color: #B3B3B3;
margin-bottom: 185px;
}
.soc
{
text-align: left; 

}
.soc a
{
font-size: 24px;
font-weight: 100;
text-decoration-line: underline;
color: #000000;
display: block;
	margin-bottom: 6px;
	margin-left: 30px;
}