initial commit

assets/scss/partials/_footer.scss

@@ -0,0 +1,25 @@
+footer {
+  background: rgb(30, 30, 45);
+  color: rgb(200, 200, 230);
+  margin-top: 100px;
+  .container {
+    display: flex;
+    align-items: center;
+  }
+}
+
+.website-subnav {
+  margin-left: auto;
+  ul {
+    display: flex;
+    padding: 0;
+  }
+  li {
+    list-style-type: none;
+    padding: 10px;
+    padding-left: 20px;
+  }
+  a {
+    color: rgb(200, 200, 230);
+  }
+}

assets/scss/partials/_main.scss

@@ -0,0 +1,24 @@
+* {
+  box-sizing: border-box;
+}
+a {
+  color: rgb(255, 130, 130);
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+
+body {
+  background: rgb(40, 40, 60);
+  color: rgb(240, 240, 255);
+  margin: 0;
+  font-family: Monaco, Lucida Console, monospace;
+  display: grid;
+}
+
+.container {
+  width: 100%;
+  max-width: 1140px;
+  margin: 0 auto;
+}

assets/scss/partials/_nav.scss

@@ -0,0 +1,33 @@
+nav {
+  background: rgb(60, 60, 90);
+  .container {
+    display: flex;
+    align-items: center;
+     .website-name {
+       a {
+        color: rgb(245, 245, 245);
+        text-decoration: none;
+        background: rgb(255, 130, 130);
+        padding: 5px 10px;
+        border-radius: 20px;
+        text-shadow: rgb(255, 100, 100) 2px 2px;
+      }
+    }
+    .website-nav {
+      margin-left: auto;
+      ul {
+        display: flex;
+        padding: 0;
+      }
+      li {
+        list-style-type: none;
+        padding: 10px;
+        padding-left: 20px;
+      }
+      a {
+        color: rgb(245, 245, 245);
+        text-decoration: none;
+      }
+    }
+  }
+}