Add styles

client/nuxt.config.js

@@ -9,6 +9,14 @@ module.exports = {
       })
     ]
   },
+  css: [
+    '~/assets/main.scss'
+  ],
+  head: {
+    link: [
+      {rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Montserrat:400,800'}
+    ]
+  },
   modules: ['@nuxtjs/apollo'],
   apollo: {
     clientConfigs: {

client/src/assets/_typography.scss

@@ -0,0 +1,10 @@
+* {
+  font-family: Montserrat, sans-serif;
+  font-size: 14px;
+}
+
+h1 {
+  font-size: 68px;
+  font-weight: 800;
+}
+

client/src/assets/main.scss

@@ -0,0 +1,35 @@
+/*
+  CSS Guidelines: BEM
+  - https://css-tricks.com/bem-101/
+  - https://seesparkbox.com/foundry/bem_by_example
+ */
+
+@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;
+  }
+}
+
+