From 852776566d3da7653ba6f37c282859b7e6b42b97 Mon Sep 17 00:00:00 2001
From: Danila Fedorin <danila.fedorin@gmail.com>
Date: Mon, 14 Aug 2017 22:36:26 -0700
Subject: [PATCH] Add some basic CSS styling.

---
 docs/assets/css/main.scss | 67 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)

diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
index a845151..eb7df1f 100644
--- a/docs/assets/css/main.scss
+++ b/docs/assets/css/main.scss
@@ -1,2 +1,69 @@
 ---
 ---
+@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway');
+
+$background-color: #06e8a4;
+$accent-color: #00AFE8;
+$clear-color: white;
+$title-font: "Open Sans";
+$text-font: Raleway;
+$max-width: 850px;
+
+h1, h2, h3, h4, h5, h6 {
+  font: {
+    family: $title-font;
+  }
+}
+
+h1 {
+  font-size: 50px;
+}
+
+nav {
+  box-sizing: border-box;
+  background-color: $clear-color;
+  width: 100%;
+  padding: 20px;
+
+  a {
+    text-decoration: none;
+    color: $background-color;
+    font: {
+      size: 25px;
+    }
+
+    &:hover {
+      color: $accent-color;
+    }
+
+    transition: color .25s;
+  }
+}
+
+body {
+  background-color: $background-color;
+  font: {
+    family: $text-font;
+  }
+  margin: 0px;
+}
+
+.center {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: $max-width;
+
+  @media (min-width: $max-width) {
+    margin: {
+      left: auto;
+      right: auto;
+    }
+  }
+}
+
+.content {
+  margin-top: 20px;
+  padding: 30px;
+  border-radius: 2px;
+  background-color: $clear-color;
+}