Add some better logic to the resizing, add a better contacts page. sidebar hiding still in the works

sass/sidebar.scss

@@ -22,6 +22,8 @@
   padding: 0;
   font-size: 1.6em;
 
+  transition: 0.3s;
+
   background-color: var(--sb-color);
 }
 
@@ -75,7 +77,6 @@
   display: inline-block;
 }
 
-
 .personal { color:#fc3f5b; }
 .nixfox { color:#2abafc; }
 

sass/style.scss

@@ -61,21 +61,43 @@ h1 {
   font-size: 16px;
 }
 
+.sidebar-toggle-button {
+  position: fixed;
+  bottom: 1rem;
+  right: .8rem;
+  z-index: 9;
+  width: 25px;
+  height: 25px;
+
+  cursor: crosshair;
+  z-index: 2;
+
+  font-size: 18px;
+}
+
 @media (max-width: 980px) {
   html, body {
     margin: 0;
-    height: 100%;
+    padding: 1.5em;
   }
 
   #main {
     width: 70%;
     min-height: 100%;
-    padding-left: 7em;
+    padding: 0;
     top: 0;
   }
 
   .container {
-    max-width: 30em;
+    max-width: 35em;
+  }
+
+  [data-theme="light"] {
+    --bg-color: #EFF1F5;
+  }
+  
+  [data-theme="dark"] {
+    --bg-color: #1F2223;
   }
 }