Whatever, go my unfinished nonsense

sass/sidebar.scss

@@ -0,0 +1,52 @@
+// Sidebar
+#sidebar {
+  width: 190px;
+  height: 100%;
+  top: 0;
+  left: 0;
+
+  overflow: auto;
+  overflow-x: hidden;
+  position: fixed;
+  z-index: 1;
+
+  margin: 0;
+  padding: 0;
+  font-size: 25px;
+
+  background-image: url('https://static.vecteezy.com/system/resources/previews/034/886/330/non_2x/black-background-modern-dark-abstract-seamless-texture-vector.jpg');
+  background-attachment: fixed;
+}
+
+.sb_header {
+  font-size:25px;
+  margin-left: 15px;
+}
+
+.sb_link {
+  margin: 0.5em;
+  padding: 0.5em;
+  color:#ffffff;
+  font-size:16px;
+  text-decoration: none;
+  transition: 0.3s;
+}
+
+.sb_link:hover {
+  color:#7ccbd5;
+  font-size:17px;
+  text-decoration:none;
+}
+
+.sb_img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: calc(100% - 2em);
+}
+
+.personal {color:#fc3f5b;}
+.nixfox {color:#2abafc;}
+
+.pers:hover {color:#fca9c0;}
+.fox:hover {color:#a9c0fc;}