replace temp stylesheet with new one

add logo and fix overall look

4 files changed, 58 insertions, 1 deletions

diff --git a/_includes/navigation.html b/_includes/navigation.html
index 70ae45e..c11df77 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -4,4 +4,5 @@
 		<li><a href="{{ item.link }}">{{ item.name }}</a></li>
 		{% endfor %}
 	</ul>
+	<img src="/assets/img/aaoth-logo.png" alt="aaoth">
 </nav>
diff --git a/_sass/main.scss b/_sass/main.scss
new file mode 100644
index 0000000..f73cc5b
--- /dev/null
+++ b/_sass/main.scss
@@ -0,0 +1,56 @@
+$main-blue: #397eaf;
+$main-grey: #e1e1e1;
+$border-sep: 5px solid $main-grey;
+$title-font: sans-serif;
+$body-font: sans-serif;
+
+html {
+	background: white;
+}
+
+body {
+	max-width: fit-content;
+	margin: 20px auto 0 auto;
+	font: 100% $body-font;
+}
+
+a {
+	color: #707070;
+	text-decoration: none;
+}
+a:hover {
+	color: #999;
+}
+
+nav {
+	display: flex;
+	font: 400 1.5em $title-font;
+	letter-spacing: -1.2px;
+	
+	ul {
+		display: inline-flex;
+		width: 430px;
+		height: 32px;
+		margin: 0;
+		padding: 50px 30px 0 0;
+		flex-direction: row;
+		justify-content: space-between;
+		list-style-type: none;
+		border-bottom: 5px solid $main-grey;
+	}
+}
+
+h1, h2, h3, h4, h5, h6 {
+	margin: 0;
+	font: 200% $title-font;
+	color: $main-blue;
+}
+
+footer {
+	border-top: $border-sep;
+	text-align: center;
+	font: 75% $body-font;
+	p {
+		margin: 0;
+	}
+}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index bd78703..9e5cbc6 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -1,3 +1,3 @@
 ---
 ---
-@import "temp";
+@import "main";
diff --git a/assets/img/aaoth-logo.png b/assets/img/aaoth-logo.png
new file mode 100644
index 0000000..cb6721c
--- /dev/null
+++ b/assets/img/aaoth-logo.png