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;}

sass/style.scss

@@ -0,0 +1,32 @@
+// Setup stuff
+body {
+  font-family: 'IBM Plex Mono', monospace;
+  background-attachment: fixed;
+  background-repeat: no-repeat;
+  background-size: cover;
+  font-size: 16px;
+}
+
+a {
+  cursor: crosshair;
+  border: 1px solid transparent;
+  margin: 0;
+}
+
+a:hover {
+  border: 2px solid transparent;
+  border-image: url("/ants.gif") 1 repeat;
+}
+
+#main {
+  margin: 0;
+  flex: 0 1 auto;
+  align-self: auto;
+  width: 50%;
+  border: 3px solid green;
+}
+
+li {
+  list-style-type: none;
+  width: 100%;
+}