@import 'base/reset';

@import 'base/vars';
@import 'base/grid';
@import 'base/colors';
@import 'base/buttons';


body, html{
  position: relative;
  width: 100%;
  height:100%;
  font-family: Georgia, serif;
  font-style: normal;
}


div.layout-container{
  position: relative;
  width:100%; height:100%;
  padding:1em;
  box-sizing: border-box;
  z-index: 1;
}

header[role="banner"]{
  outline: 1px solid blue;
}


main[role="main"]{
  outline:1px solid green;
}

footer[role="contentinfo"]{
  outline: 1px solid pink;
}