.page-layout {
  display: grid;
  grid-template-columns: 250px 1fr; 
  grid-template-rows: auto 1fr auto; 
  grid-template-areas: 
    "header header"
    "sidebar main"
    "footer footer";
  min-height: 100vh; 
  gap: 10px; 
}


.header { 
  grid-area: header; background: #819A91; color: white; padding: 20px; 

}


.sidebar { 
  grid-area: sidebar; background: #A7C1A8; padding: 20px; 

}

.main { 
  grid-area: main; background: #EEEFE0; padding: 20px;
}


.footer { 
  grid-area: footer; background: #333; color: white; padding: 15px; text-align: center; 
}