html, body { 
  margin: 0; padding: 0; height: 100%;
  overflow: hidden;
} 

.layout { 
  display: flex; 
  flex-direction: column; 
  height: 100vh;
} 

.header { 
  position: sticky; 
  top: 0; 
  padding: 1rem;
} 

.content { 
  flex: 1; overflow-y: auto;
  padding: 1rem; 
  background-color: white;
} 

.footer {
  display: flex;
  align-items: center; 
  padding: 1rem; 
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 0px 0px 80px 0px;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}