$side-padding:3em;

body, html{
  position: relative;
  width: 100%;
  height:100%;
  font-family: sans-serif;
  font-style: normal;
  margin:0;
  padding:0;
}

body{
  overflow:hidden;
}

#root{
  header[role="banner"]{
    position: absolute;
  }
  section[role="main-content"]{
    overflow: hidden;
    >.wrapper{
      // padding:0 $side-padding 0 $side-padding;
      height:100%;
      overflow-y: hidden;
      overflow-x: hidden;
    }
  }
  footer[role="tools"]{
    position: absolute;
  }
}