.

docs/src/stylesheets/_colours.css

@@ -8,6 +8,7 @@
      --secondary-colour: #EFE5DC;
      --tertiary-colour: #818589;
      --quarternary-colour: #FAF9F6;
+     --green: #007a5a;
 }
 
 /* Adjust Mkdocs colours */

docs/src/stylesheets/_fonts.css

@@ -25,22 +25,6 @@
 
 }
 
-@font-face {
-     font-family: 'Lato';
-     font-weight: normal;
-     font-style: normal;
-     src: url('../fonts/lato/Lato-Regular.ttf');
-
-}
-
-@font-face {
-     font-family: 'Lato';
-     font-weight: normal;
-     font-style: italic;
-     src: url('../fonts/lato/Lato-Italic.ttf');
-
-}
-
 @font-face {
      font-family: 'Lato';
      font-weight: bold;
@@ -58,45 +42,18 @@
 
 @font-face {
      font-family: 'Lato';
-     font-weight: light;
+     font-weight: normal;
      font-style: normal;
-     src: url('../fonts/lato/Lato-Light.ttf');
+     src: url('../fonts/lato/Lato-Regular.ttf');
 
 }
 
 @font-face {
      font-family: 'Lato';
-     font-weight: light;
+     font-weight: normal;
      font-style: italic;
-     src: url('../fonts/lato/Lato-LightItalic.ttf');
-}
+     src: url('../fonts/lato/Lato-Italic.ttf');
 
-@font-face {
-     font-family: 'Lato';
-     font-weight: bolder;
-     font-style: normal;
-     src: url('../fonts/lato/Lato-Black.ttf');
-}
-
-@font-face {
-     font-family: 'Lato';
-     font-weight: bolder;
-     font-style: italic;
-     src: url('../fonts/lato/Lato-BlackItalic.ttf');
-}
-
-@font-face {
-     font-family: 'Lato';
-     font-weight: thin;
-     font-style: normal;
-     src: url('../fonts/lato/Lato-Light.ttf');
-}
-
-@font-face {
-     font-family: 'Lato';
-     font-weight: thin;
-     font-style: italic;
-     src: url('../fonts/lato/Lato-ThinItalic.ttf');
 }
 
 @font-face {

docs/src/stylesheets/g.css

@@ -251,27 +251,21 @@ article.md-content__inner.md-typeset:after {
 *****************************/
 
 /* Fade in content */
-
 .fade-in-up-section {
      opacity: 0;
-     /* Start hidden */
      transform: translateY(20px);
-     /* Start slightly below */
      transition: opacity 2s ease-in-out, transform 2s ease-in-out;
-     /* Transition for both opacity and transform */
 }
 
 .fade-in-up-section.visible {
      opacity: 1;
-     /* Fully visible */
      transform: translateY(0);
-     /* Move to original position */
 }
 
 .fade-in-up-content {
      padding: 20px;
      border-radius: 5px;
-     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+     /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
 }
 
 /* Career meta-information */
@@ -336,7 +330,7 @@ article.md-content__inner.md-typeset:after {
 }
 
 .tabbed-content {
-     background-color: #FAF9F6;
+     background-color: var(--quarternary-colour);
      margin-top: 0;
 }
 
@@ -410,7 +404,6 @@ p.blurb {
 }
 
 /* Portfolio */
-
 .two-column {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
@@ -421,11 +414,18 @@ p.blurb {
      border-bottom: 1px solid var(--quarternary-colour);
 
      .column {
-          justify-self: center;
+          display: flex;
+          flex-direction: column;
+          justify-content: center;
           padding: 20px;
           text-align: left;
 
           .content {
+               display: flex;
+               flex-direction: column;
+               justify-content: center;
+               height: 100%;
+
                h6 {
                     font-size: max(calc(var(--text-variable-size) + 5px), calc(var(--text-min-size) + 2px));
                     color: var(--primary-colour);
@@ -440,12 +440,23 @@ p.blurb {
      }
 }
 
+div.md-typeset__table table {
+     font-family: var(--secondary-font);
+     font-size: max(calc(var(--text-variable-size) + 3px), calc(var(--text-min-size) + 2px)) !important;
+
+     thead {
+          font-weight: bold;
+          font-size: max(calc(var(--text-variable-size) + 7px), calc(var(--text-min-size) + 2px)) !important;
+          background-color: var(--quarternary-colour);
+     }
+}
+
 /*****************************
 * STATUS
 *****************************/
 
 div.status-green {
-     background-color: #007a5a;
+     background-color: var(--green);
      color: var(--background-colour);
      border-radius: 5px;
      padding: 5px 15px;