/*
  CSS Guidelines: BEM
  - https://css-tricks.com/bem-101/
  - https://seesparkbox.com/foundry/bem_by_example
 */

@import 'variables';
@import 'typography';



.container {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  display: grid;
  grid-template-rows: 72px auto 50px;
  grid-template-columns: 305px auto;
  grid-column-gap: 80px;
  min-height: 100vh;
  grid-template-areas: "h h" "a m" "f f";

  header {
    grid-area: h;
  }
  aside {
    grid-area: a;
  }
  main {
    grid-area: m;
  }
  footer {
    grid-area: f;
    display: none;
  }
}