skills section overhaul

src/portfolio/styling/skillsLinks.module.scss

@@ -0,0 +1,54 @@
+@import "@/src/styles/helpers.scss";
+
+.section {
+  @include lightSection;
+  @include regularFont;
+
+  display: flex;
+  flex-direction: row;
+  justify-content: space-evenly;
+  flex-wrap: wrap;
+
+  padding: 0 6em 3em;
+
+  .skills {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    .innerskills {
+      text-align: left;
+      display: flex;
+      flex-direction: row;
+      justify-content: space-evenly;
+      gap: $mediumGap;
+      flex-wrap: wrap;
+      flex-basis: 60%;
+    }
+    flex-wrap: wrap;
+    flex-basis: 60%;
+  }
+
+  .otherLinks{
+    margin: auto 1em;
+    padding: 1em 2em;
+    background-color: $black;
+    color: $white;
+
+    h2{
+      font-size: 115%;
+    }
+
+    a {
+      color: $white;
+      text-decoration: none;
+
+      &:hover {
+        color: $strong_red;
+        font-style: italic;
+      }
+    }
+  }
+}
+
+
+