Update CSS classes

src/components/About.js

@@ -3,7 +3,7 @@ import React from 'react';
 
 export const About = () => (
   <div>
-    <div className="content">
+    <div className="content-wrapper">
       <h1>About</h1>
     </div>
   </div>

src/components/Blog.js

@@ -31,10 +31,10 @@ export default class Blog extends Component {
     )
 
     return (
-      <div className="content">
+      <div className="content-wrapper">
         <h1>Blog</h1>
 
-        <div className="blog-posts">
+        <div className="content">
           {posts}
         </div>
 

src/components/Main.js

@@ -1 +0,0 @@
-

src/components/NotFoundPage.js

@@ -6,7 +6,7 @@ export const NotFoundPage = (props) => {
   }
   return (
     <div>
-      <div className="content">
+      <div className="content-wrapper">
         <h1>Uhm... WHAT?</h1>
         <h2>Looks like you&apos;re lost</h2>
         <p>404 Page not found</p>

src/components/Portfolio.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 export const Portfolio = () => (
   <div>
-    <div className="content">
+    <div className="content-wrapper">
       <h1>Portfolio</h1>
     </div>
   </div>

src/components/Post.js

@@ -10,10 +10,10 @@ export default class Post extends Component {
     }
 
     return (
-      <div className="content">
+      <div className="content-wrapper">
         <h1>{this.props.post.title}</h1>
         <h4>{this.props.post.published}</h4>
-        <div dangerouslySetInnerHTML={{__html: this.props.post.body}}>
+        <div className="content" dangerouslySetInnerHTML={{__html: this.props.post.body}}>
         </div>
       </div>
     )

src/components/Resume.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 export const Resume = () => (
   <div>
-    <div className="content">
+    <div className="content-wrapper">
       <h1>Resume</h1>
     </div>
   </div>

src/components/index.js

@@ -6,4 +6,3 @@ export { default as Portfolio } from './Portfolio';
 export { default as Resume } from './Resume';
 export { default as NotFoundPage } from './NotFoundPage';
 export { default as App } from './App';
-export { default as Main } from './Main';

src/static/stylesheets/main.scss

@@ -15,7 +15,7 @@ $break-large: 1200px;
   flex-direction: column;
   justify-content: center;
   text-align: center;
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   color: $white;
@@ -68,7 +68,7 @@ body {
     text-decoration: none;
 }
 
-.content {
+.content-wrapper {
   margin-left: 320px;
   overflow: auto;
   padding: 20px;
@@ -151,7 +151,7 @@ body {
 	padding-bottom: 5px;
 }
 
-.blog-posts {
+.content {
   box-sizing: border-box;
   margin: 0 auto;
   @media screen and (min-width: $break-large) {