Updating to latest version of the site. Cleaned up directory structure.

.gitignore

@@ -0,0 +1,6 @@
+################################################################################
+# This .gitignore file was automatically created by Microsoft(R) Visual Studio.
+################################################################################
+
+/.vs/config/applicationhost.config
+/.vs

css/links.css

@@ -4,13 +4,14 @@ a {
     text-decoration: underline;
     cursor: pointer;
 }
+
     a:hover {
         color: #8987df;
         text-decoration: none;
     }
 
-/* Header Links*/
-a.nav {
+    /* Header Links*/
+    a.nav {
         position: relative;
         top: 12px;
         margin: 10px;
@@ -19,20 +20,31 @@ a.nav {
         letter-spacing: 0.05em;
         text-decoration: none;
     }
-    a.nav:hover {
-        color: #fff;
-        transition: all 0.5s ease;
-        text-shadow: 0px 0px 10px #fff;
-    }
-    a.nav:not(:hover) {
-        transition: all 0.5s ease;
+
+        a.nav:hover {
+            color: #fff;
+            transition: all 0.5s ease;
+            text-shadow: 0px 0px 10px #fff;
+        }
+
+        a.nav:not(:hover) {
+            transition: all 0.5s ease;
+        }
+
+    a.mobile-nav {
+        position: relative;
+        color: #e4ebfd;
+        font-size: 1.2em;
+        letter-spacing: 0.05em;
+        text-decoration: none;
     }
 
 /* Social Media Link Image Animation */
 img.social-anim:hover {
     transition: all 0.5s ease;
     transform: translateX(-10px);
 }
+
 img.social-anim:not(:hover) {
     transition: all 0.5s ease;
-}
+}

css/particles.css

@@ -1,9 +1,10 @@
 /* Wrapper for particles.js */
 particles-wrapper {
+    display: block;
     position: absolute;
     top: 0px;
     width: 100%;
-    height: 340px;
+    height: 260px;
     padding: 0px;
     margin: 0px;
     overflow: hidden;

css/responsive.css

@@ -1,64 +1,91 @@
 /* Responsive Design */
+* {
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+
 hamburger-menu {
     display: none;
-    height: 40px;
-    width: 40px;
-    margin: 5px 0px;
+    position: fixed;
+    top: 7px;
+    height: 35px;
+    width: 35px;
+    margin: 0px;
+    padding: 0px;
     border: 1px solid #e4ebfd;
     border-radius: 5px;
     text-align: center;
+    cursor: pointer;
 }
+
 hamburger-line {
     display: none;
     height: 3px;
-    width: 26px;
-    margin: 7px 6px;
+    width: 22px;
+    margin: 6px 6px;
     background-color: #e4ebfd;
+    border-radius: 1px;
     content: "";
 }
-.menu {
-    position: absolute;
-    top: 7px;
-    left: 10px;
-    padding: 5px;
-    background-color: #036;
-    border: solid 1px #fff;
-    border-radius: 5px;
-    cursor: pointer;
-}
-.container {
-  display: flex;
+
+ul.nav-menu {
+    float: right;
+    display: none;
+    position: fixed;
+    height: calc(100% - 80px);
+    width: 100%;
+    top: 50px;
+    left: 0px;
+    margin: 0px;
+    padding: 0px;
+    background: #333;
+    background: -moz-linear-gradient(90deg, #303 0%, #636 100%);
+    background: -webkit-linear-gradient(90deg, #636 0%, #636 100%);
+    background: linear-gradient(90deg, #303 0%, #636 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#330033",endColorstr="#663366",GradientType=1);
+    text-align: right;
 }
-.main {
-    width: 60%;
-    margin-right: 20px;
+
+.nav-menu.is-open ul {
+    display: block;
 }
-.sidebar {
-  width: 40%;
+
+li.menu-item {
+    display: block;
+    height: 50px;
+    width: 100%;
+    position: relative;
+    padding: 12px 20px;
+    margin: 0px;
+    background: #636;
+    background: -moz-linear-gradient(90deg, #969 0%, #636 100%);
+    background: -webkit-linear-gradient(90deg, #969 0%, #636 100%);
+    background: linear-gradient(90deg, #959 0%, #636 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#996699",endColorstr="#663366",GradientType=1);
+    border-bottom: solid 1px #e4ebfd;
+    list-style-type: none;
 }
 
-/*@media(max-width: 1024px) {
-    .container {
-        flex-direction: column;
-    }
-    .main {
-        width: 100%;
-    }
-    .sidebar {
-        width: 100%;
-    }
-}*/
-@media (max-width: 960px) /*and (-webkit-min-device-pixel-ratio: 2)*/ {
-    hamburger-menu {
-        display: block;
-    }
-    hamburger-line {
-        display: block;
-    }
-    particles-wrapper {
-        display: none;
+    li.menu-item:first-of-type {
+        border-top: 1px solid #e4ebfd;
     }
-    .nav {
-        display: none;
-    }
-}
+
+    /* Media Queries */
+    @media (max-width: 960px) /*and (-webkit-min-device-pixel-ratio: 2)*/ {
+        hamburger-menu {
+            display: block;
+        }
+
+        hamburger-line {
+            display: block;
+        }
+
+        particles-wrapper {
+            display: none;
+        }
+
+        .nav {
+            display: none;
+        }
+    }