body {
 background-image: url("back");
}

.squar{
max-width: 1000px;
margin: 50px auto;
display: grid;
grid-gap: 10px;



}


header{
border: black 1px solid;
grid-row: 1 / 2;
grid-column: 1 / 3;


}
nav{
border: black 1px solid;
grid-row: 1 / 3;
grid-column: 1 / 2;
height: max-content;


}
main{
border: black 1px solid;
grid-row: 2 / 3;
grid-column: 2 / 3;


}
footer{
border: black 1px solid;
grid-row: 3 / 4;
grid-column: 1 / 3;

}