Clean before build (#16)

* Move main.css to Layout component

* Add step to clean Gatsby before build

3 files changed, 2 insertions, 2 deletions

diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 6cc70ed..7be816f 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -4,6 +4,8 @@ import { Content, Footer } from "../styles";
 import package_json from "../../package.json";
 import { getTimestamp } from "../util/timestamp";
 
+import "../styles/main.css";
+
 const VERSION = package_json.version;
 
 const Layout = ({ children }) => {
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index d8d27cb..6288f0c 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import { BlockLink, Layout } from "../components";
 import { BlockBody, BlockHeader } from "../styles";
-import "../styles/main.css";
 
 const NotFoundPage = (): React.ReactElement => {
   return (
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 370a10d..10ba281 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import { StaticImage } from "gatsby-plugin-image";
-import "../styles/main.css";
 import { FaGithub, FaMastodon } from "react-icons/fa";
 import { BlockLink, Layout } from "../components";
 import { BlockBody, BlockHeader } from "../styles";