diff --git a/static/index.css b/static/index.css
index 16f2811..ab1e63a 100644
--- a/static/index.css
+++ b/static/index.css
@@ -13,147 +13,146 @@ GNU General Public License for more details.
 
 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.Rawley Fowler, 2022
-*/
+ */
 /* Color Scheme from here: https://draculatheme.com */
 html {
-	max-width: 100vw;
-	min-height: 100vh;
+    max-width: 100vw;
+    min-height: 100vh;
 }
 
 body {
-	color: #282a36;
-	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-	-webkit-font-smoothing: antialias;
-	-moz-osx-font-smoothing: grayscale;
-	background-color: #f8f8f2;
-	font-size: calc(12px + 0.33vw);
-	margin: auto;
-	padding: 1.3em;
-	max-width: clamp(400px, 750px + 3vw, 900px);
+    color: #282a36;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    -webkit-font-smoothing: antialias;
+    -moz-osx-font-smoothing: grayscale;
+    background-color: #f8f8f2;
+    font-size: calc(12px + 0.33vw);
+    margin: auto;
+    padding: 1.3em;
+    max-width: clamp(400px, 750px + 3vw, 900px);
 }
 
 h1 { 
-	font-size: 2.7em; 
-	font-weight: 800;
-	margin-bottom: 0;
-	margin-top: 12px;
-	font-style: italic;
+    font-size: 2.7em; 
+    font-weight: 800;
+    margin-bottom: 0;
+    margin-top: 12px;
+    font-style: italic;
 }
 
 h2 {
-	font-size: clamp(1.6em, 1.6em, 1.8em);
-	font-weight: 700;
-	margin-bottom: 0;
+    font-size: clamp(1.6em, 1.6em, 1.8em);
+    font-weight: 700;
+    margin-bottom: 0;
 }
 
 h3 {
-	font-size: clamp(1.3em, 1.4em, 1.6em);
-	font-weight: 700;
-	margin-bottom: 6px;
+    font-size: clamp(1.3em, 1.4em, 1.6em);
+    font-weight: 700;
+    margin-bottom: 6px;
 }
 
 h4 {
-	font-size: clamp(1.1em, 1.2em, 1.3em);
-	font-weight: bold;
-	margin-bottom: 6px;
+    font-size: clamp(1.1em, 1.2em, 1.3em);
+    font-weight: bold;
+    margin-bottom: 6px;
 }
 
 p { 
-	font-size: clamp(0.9em, 1em, 1.1em);
-	font-weight: 400;
-	line-height: 1.4;
-	max-width: 50em;
+    font-size: clamp(0.9em, 1em, 1.1em);
+    font-weight: 400;
+    line-height: 1.4;
+    max-width: 50em;
 }
 
 li {
-	padding-top: 6px;
-	padding-bottom: 6px;
+    padding-top: 6px;
+    padding-bottom: 6px;
 }
 
 a {
-	text-decoration: none;
-	position: relative;
-	transition: 100ms linear;
-	color: inherit;
+    text-decoration: none;
+    position: relative;
+    transition: 100ms linear;
+    color: inherit;
 }
 
 a::after {
-	content: '';
-	position: absolute;
-	z-index: -1;
-	top: 83%;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	transition: 102ms cubic-bezier(0, 0.86, 0.1, 1);
-	background-color: #fff42b;
+    content: '';
+    position: absolute;
+    z-index: -1;
+    top: 83%;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    transition: 102ms cubic-bezier(0, 0.86, 0.1, 1);
+    background-color: #fff42b;
 }
 
 a:hover:after {
-	top: 8%;
+    top: 8%;
 }
 
 .header {
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 }
 
 .nav-bar {
-	display: flex;
-	flex-direction: row;
-	margin-top: calc(12px + 1vh);
-	margin-bottom: 1vw;
+    display: flex;
+    flex-direction: row;
+    margin-top: calc(12px + 1vh);
+    margin-bottom: 1vw;
 }
 
 .nav-item {
-	margin-right: 12px;
-	font-size: 1.5em;
-    display: block;
+    margin-right: 12px;
+    font-size: 1.5em;
 }
 
 .content-wrapper {
-	margin: 12px;
+    margin: 12px;
 }
 
 .subtext, .sub-text {
-	font-size: clamp(0.65em, 0.72em, 0.8em);
+    font-size: clamp(0.65em, 0.72em, 0.8em);
 }
 
 .footer > a {
-	margin-right: 6px;
+    margin-right: 6px;
 }
 
 .footer-text {
-	font-size: 0.8em;
+    font-size: 0.8em;
 }
 
 .post-record { 
-	padding-right: 6px;
-	width: 200px + 2vw;
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: space-between;
-	margin-top: 12px;
+    padding-right: 6px;
+    width: 200px + 2vw;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-top: 12px;
 }
 
 .post-record-title {
-	font-size: 1.3em;
-	font-weight: 400;
+    font-size: 1.3em;
+    font-weight: 400;
 }
 
 .skill-keywords {
-	overflow: wrap;
-	font-size: 0.9em;
+    overflow: wrap;
+    font-size: 0.9em;
 }
 
 .skill-keywords > i::before {
-	content: " '";
+    content: " '";
 }
 
 .skill-keywords > i::after {
-	content: "' ";
+    content: "' ";
 }
 
 .wrap {
@@ -163,36 +162,36 @@ a:hover:after {
 
 /* For code snippets */
 pre {
-	overflow: auto;
-	background-color: #44475a;
-	padding: 3px;
+    overflow: auto;
+    background-color: #44475a;
+    padding: 3px;
 }
 
 code {
-	color: #50fa7b;
-	font-family: monospace;
-	font-size: 0.9em;
-	margin-left: 3px;
-	overflow: auto;
+    color: #50fa7b;
+    font-family: monospace;
+    font-size: 0.9em;
+    margin-left: 3px;
+    overflow: auto;
 }
 
 @media (prefers-color-scheme: dark) {
-	body {
-		color: #f8f8f2;
-		background-color: #282a36;
-	}
-	body * {
-		color: #f8f8f2;
-	}
-	body > * {
-		color: #f8f8f2;
-	}
-	code {
-		color: #50fa7b;
-	}
-	a::after {
-		background-color: #bd93f9;
-	}
+    body {
+        color: #f8f8f2;
+        background-color: #282a36;
+    }
+    body * {
+        color: #f8f8f2;
+    }
+    body > * {
+        color: #f8f8f2;
+    }
+    code {
+        color: #50fa7b;
+    }
+    a::after {
+        background-color: #bd93f9;
+    }
     code {
         color: #50fa7b;
     }
@@ -201,5 +200,10 @@ code {
 @media only screen and (max-width: 576px) {
     .nav-bar {
         flex-direction: column;
+
     }    
+    .nav-item {
+        margin-top: 3px;
+        margin-bottom: 3px;
+    }
 }