Added astroturf, autoprefixer, stylelint

.stylelintrc.json

@@ -1,6 +1,20 @@
 {
   "extends": "stylelint-config-standard",
   "rules": {
-    "selector-class-pattern": null
+    "property-no-vendor-prefix": null,
+    "selector-no-vendor-prefix": null,
+    "selector-pseudo-element-colon-notation": [
+      "double",
+      {
+        "severity": "warning"
+      }
+    ],
+    "media-feature-name-no-vendor-prefix": null,
+    "font-family-no-duplicate-names": [
+      true,
+      {
+        "ignoreFontFamilyNames": ["monospace"]
+      }
+    ]
   }
 }

css/index.css

@@ -53,7 +53,7 @@ Web: <https://bio.neteng.pro>
 .gh {
   border-collapse: collapse;
   border-spacing: 0;
-  margin: 0px auto;
+  margin: 0 auto;
 }
 
 .gh td {
@@ -80,25 +80,27 @@ Web: <https://bio.neteng.pro>
   vertical-align: middle;
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (width <= 767px) {
   .gh {
     width: auto !important;
   }
+
   .gh col {
     width: auto !important;
   }
+
   .gh-wrap {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
-    margin: auto 0px;
+    margin: auto 0;
   }
 }
 
 /* social media / font awesome table */
 .soc {
   border-collapse: collapse;
   border-spacing: 0;
-  margin: 0px auto;
+  margin: 0 auto;
 }
 
 .soc td {
@@ -125,25 +127,27 @@ Web: <https://bio.neteng.pro>
   vertical-align: middle;
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (width <= 767px) {
   .soc {
     width: auto !important;
   }
+
   .soc col {
     width: auto !important;
   }
+
   .soc-wrap {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
-    margin: auto 0px;
+    margin: auto 0;
   }
 }
 
 /* badges table */
 .tg {
   border-collapse: collapse;
   border-spacing: 0;
-  margin: 0px auto;
+  margin: 0 auto;
 }
 
 .tg td {
@@ -170,17 +174,19 @@ Web: <https://bio.neteng.pro>
   vertical-align: middle;
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (width <= 767px) {
   .tg {
     width: auto !important;
   }
+
   .tg col {
     width: auto !important;
   }
+
   .tg-wrap {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
-    margin: auto 0px;
+    margin: auto 0;
   }
 }
 

css/normalize.css

@@ -1,5 +1,8 @@
-/* This file is part of Network Engineering Pro */
-/* The original file has been modified to prevent conflicts with style.css */
+/*
+  This file is part of Network Engineering Pro
+  The original file has been modified to prevent conflicts with style.css
+*/
+
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
 /* Document
@@ -54,7 +57,9 @@ h1 {
 
 hr {
   box-sizing: content-box; /* 1 */
+
   /* height: 0; /* CONFLICTS /* 1 */
+
   /* overflow: visible; /* 2 */
 }
 
@@ -348,6 +353,7 @@ template {
  * CONFLICTS WITH STYLE.CSS
  * Add the correct display in IE 10.
  */
+
 /*
 [hidden] {
   display: none;

css/style.css

@@ -5,6 +5,7 @@
 /*! HTML5 Boilerplate v9.0.1 | MIT License | https://html5boilerplate.com/ */
 
 /* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
+
 /*
  * What follows is the result of much research on cross-browser styling.
  * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
@@ -95,11 +96,11 @@ textarea {
  */
 
 body {
-  font-family: "Arial", "Helvetica", sans-serif;
+  font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   background-color: #191919;
   color: #fafafa;
-  margin: 10px 10px;
+  margin: 10px;
 }
 
 /* parent link element */
@@ -192,6 +193,7 @@ a:active {
   position: absolute;
   white-space: nowrap;
   width: 1px;
+
   /* 1 */
 }
 
@@ -243,14 +245,14 @@ a:active {
    Modify as content requires.
    ========================================================================== */
 
-@media only screen and (min-width: 35em) {
+@media only screen and (width >= 35em) {
   /* Style adjustments for viewports that meet the condition */
 }
 
 @media print,
   (-webkit-min-device-pixel-ratio: 1.25),
-  (min-resolution: 1.25dppx),
-  (min-resolution: 120dpi) {
+  (resolution >= 1.25dppx),
+  (resolution >= 120dpi) {
   /* Style adjustments for high resolution devices */
 }
 
@@ -266,6 +268,7 @@ a:active {
   *::after {
     background: #fff !important;
     color: #000 !important;
+
     /* Black prints faster */
     box-shadow: none !important;
     text-shadow: none !important;