diff --git a/_layouts/default.html b/_layouts/default.html
index 98abe16..7927041 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -9,7 +9,15 @@
 		{% if page.neko == "true" %}
 			{% include neko.html %}
 		{% endif %}
-		{% include navigation.html %}
-		{{ content }}
+
+		<div class="columns">
+			<div class="left-sidebar">
+				{% include navigation.html %}
+			</div>
+			<div class="main-content">{{ content }}</div>
+			<div class="right-sidebar">
+				hello world
+			</div>
+		</div>
 	</body>
 </html>
diff --git a/_sass/main.scss b/_sass/main.scss
index 154a7db..1cc27e3 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -1,3 +1,17 @@
-.current {
-	color: green
+@import "sidebar";
+
+
+body {
+	background-color: #2196F3;
+	color: black;
+	font-family: Verdana;
+	text-align: center;
+	margin: 1px;
+	cursor: url("/cursor.png"),auto;
+}
+
+h1 {
+	margin: 1px;
+	padding: 8px;
+	background-color: blue;
 }
diff --git a/_sass/sidebar.scss b/_sass/sidebar.scss
new file mode 100644
index 0000000..ce9a981
--- /dev/null
+++ b/_sass/sidebar.scss
@@ -0,0 +1,29 @@
+.columns {
+  max-width: 80%;
+  display: flex;
+  margin-top: 5px; margin-bottom: 0px;
+  margin-left: auto; margin-right: auto;
+  justify-content: space-around;
+  border: 1px solid black;
+}
+
+.left-sidebar {
+  background: darkgray;
+  padding: 10px;
+  overflow-y: scroll;
+  flex: 0 60px;
+}
+
+.main-content {
+  width: 60%;
+  flex: 5;
+  margin: 10px;
+  border: 1px solid black;
+}
+
+.right-sidebar {
+  background: darkgray;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}