update styles

Author: bcaldwell

_layouts/note.html

@@ -15,8 +15,11 @@
   {% endfor %}
 {% endfor %}
 
-<a href="https://drive.google.com/uc?id={{note.drive_id}}&export=download" target="_blank">Download</a>
+<div class = "header">
+  <a href="/">Home</a>
+  <a href="https://drive.google.com/uc?id={{note.drive_id}}&export=download" target="_blank">Download</a>
+</div>
 
-<div style="width:100%;height:100%;min-height:100vh;background:white;">
-  <iframe src="https://drive.google.com/file/d/{{note.drive_id}}/preview" style="width:100%;height:100%;min-height:100vh;"></iframe>
+<div class="note">
+  <iframe class="fill" src="https://drive.google.com/file/d/{{note.drive_id}}/preview"></iframe>
 </div>

_sass/_base.scss

@@ -2,8 +2,6 @@ body {
   // background-color: $background-color;
   color: $text-color;
 
-  box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.4);
-
   font-family: 'Raleway', sans-serif;
   text-align: center;
 
@@ -18,6 +16,22 @@ body {
   // }
 }
 
+.header {
+  height: $header-height;
+}
+
+.note {
+  height: calc(100vh - #{$header-height} - 10px);
+  width: 95vw;
+  text-align: center;
+  margin: auto;
+}
+
+.fill {
+  width: 100%;
+  height: 100%;
+}
+
 .home-header {
   padding: 100px;
 

_sass/_vars.scss

@@ -5,9 +5,10 @@ $color-2: #222222;
 $color-4: #444444;
 $color-6: #666666;
 
-$background-color: #4054b2;
-$text-color: #ffffff;
+$background-color: #eeeeee;
+$text-color: #424242;
 
 $body-background: #eeeeee;
 $body-color: #424242;
 
+$header-height: 50px;