body{
    background-image: url(assets/babyharpseal.jpg);
    font-family: Impact, Haettenschweiler;
    color: #575db8;
     background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    
    
}
.container {
        max-width: 1000px;   
      margin:  50px auto; /* 0 for top/bottom margin, auto for left/right */
    display:grid;
        grid-gap: 10px;
        grid-template-columns: 130px auto;
            
} 
    main{
        border: #858bdd 10px solid;
        grid-row:2/3 ;
        grid-column:2/3 ;
        height: max-content;
    color:#0a0a0a;
        border-radius: 10px;
        background-color: #d1f3ff;
        text-align: center;
        color: #575db8
        
    
}
nav{
    border: #858bdd 10px solid;
  grid-row: 2/3 ;
 grid-column:1/2 ; 
 height: max-content;
    background-color: #d1f3ff; 
    border-radius: 10px;
    color: #575db8
    
}

header
{
    border: #858bdd 10px solid;
grid-row: 1/2 ;
 grid-column:1/3 ;  
    background-color: #d1f3ff;
    border-radius: 10px;
    text-align: center;
    color: #575db8
}
footer 
{
    grid-row: 3/4 ;
    grid-column:1/3 ;
    border-radius: 10px;
    color: #575db8
}