.box  {
  max-width: 1000px;
  margin:100px auto;
  display: grid;
  grid-gap:10px;
  grid-template-columns: 250px auto;


}
header, nav ,main ,footer {
  border:black 5px solid;
  
}

 header {
    grid-row: 1 / 2 ;
    grid-column:2 / 3 ;
    height:max-content;
    background-color:#ad176a;
    color: #fff5fa;
    font-size:45px
    
 }
 
 nav {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height:max-content;
     background-color:#ad176a;
     color: #4287f5;
    
 }
 
 main { 
   grid-row: 2 / 3;
   grid-column: 2/3;
    background-color:#ad176a;
      color: #3d0e27;
    height:600px

   
    
 }
 
footer {
  grid-row: 3 / 4 ;
  grid-column: 1 / 3;
   background-color:#ad176a;
  color: #3d0e27;
}

body
{
background-color:black; }