.container {
  max-width: 1000px;
  margin: 100px auto;
  display: grid;
  grid-gap: 20px ;
  grid-template-columns: 250px minmax(0,1fr);
}

body {
   background-color:black;
background-image:
radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px;
background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
   color: maroon;
}
  header, nav, main, footer {
    border : purple 2px solid;
  
}

  header {
    grid-row: 1 /2  ;
    grid-column: 1 / 3 ;
    background-color: black;
  
}

  nav {
    grid-row:  2 / 3  ;
    grid-column: 1 / 2 ;
    height: max-content;
    background-color: black;
  
}
  main {
    grid-row:  2 /3  ;
    grid-column: 2 / 3 ;
     height: max-content;
     background-color: black;
  
  
}

 footer{
  grid-row:  3 / 4  ;
  grid-column: 1 / 3 ;
  background-color: black;
  
  
}