diff --git a/css/bladeburner.css b/css/bladeburner.css
index 2abbb9a99..149a5d0cf 100644
--- a/css/bladeburner.css
+++ b/css/bladeburner.css
@@ -7,9 +7,9 @@
 }
 
 .bladeburner-action {
-    border:1px solid white;
-    margin:7px;
-    padding:7px;
+    border: 1px solid #fff;
+    margin: 7px;
+    padding: 7px;
     white-space: pre-wrap;
 }
 
@@ -19,25 +19,25 @@
 
 /* Whatever action is currently active */
 .bladeburner-active-action {
-    border:4px solid white;
+    border: 4px solid #fff;
 }
 
 /* Action & Skills panel navigation button */
 .bladeburner-nav-button {
-    border:1px solid white;
-    color:white;
-    padding:2px;
-    margin:2px;
+    border: 1px solid #fff;
+    color: #fff;
+    padding: 2px;
+    margin: 2px;
 }
 
 .bladeburner-nav-button:hover {
-    background-color:#3d4044;
+    background-color: #3d4044;
 }
 
 .bladeburner-nav-button-inactive {
-    border:1px solid white;
-    padding:2px;
-    margin:2px;
+    border: 1px solid #fff;
+    padding: 2px;
+    margin: 2px;
     text-decoration: none;
     background-color: #555;
     cursor: default;
@@ -46,24 +46,24 @@
 
 /* Bladeburner Console */
 .bladeburner-console-div {
-    display:inline-block;
-    width:40%;
-    border:1px solid white;
-    overflow:auto;
-    height:100%;
-    position:absolute;
+    display: inline-block;
+    width: 40%;
+    border: 1px solid #fff;
+    overflow: auto;
+    height: 100%;
+    position: absolute;
 }
 
 .bladeburner-console-table {
-    height:auto;
-    overflow:auto;
-    table-layout:fixed;
-    width:100%;
+    height: auto;
+    overflow: auto;
+    table-layout: fixed;
+    width: 100%;
 }
 
 .bladeburner-console-input-row {
     transition: height 1s;
-    width:100%;
+    width: 100%;
 }
 
 .bladeburner-console-input-cell {
@@ -72,19 +72,19 @@
 
 .bladeburner-console-input {
     display: inline-block;
-	padding: 0px !important;
-	margin: 0px !important;
-	border: 0px;
-	background-color: var(--my-background-color);
-	font-size: 13px;
-	outline: none;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: 0;
+    background-color: var(--my-background-color);
+    font-size: 13px;
+    outline: none;
     color: var(--my-font-color);
     flex: 1 1 auto;
 }
 
 .bladeburner-console-line {
     word-wrap: break-word;
-    hyphens:auto;
+    hyphens: auto;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
 }
diff --git a/css/companymanagement.css b/css/companymanagement.css
index 77d7a5018..8276cf5cb 100644
--- a/css/companymanagement.css
+++ b/css/companymanagement.css
@@ -4,13 +4,12 @@
     font-size: 13px;
 }
 
-
 /* Header tabs */
 .cmpy-mgmt-header-tab {
     display: inline-block;
-    color: white;
-    background-color:#555;
-    border:1px solid white;
+    color: #fff;
+    background-color: #555;
+    border: 1px solid #fff;
     padding: 4px;
 }
 
@@ -24,10 +23,10 @@
 
 /* Switch between Cities */
 .cmpy-mgmt-city-tab {
-    display:inline-block;
-    color: white;
+    display: inline-block;
+    color: #fff;
     background-color: #555;
-    border: 1px solid white;
+    border: 1px solid #fff;
     padding: 4px;
 }
 
@@ -46,7 +45,7 @@
 
 .cmpy-mgmt-industry-left-panel,
 .cmpy-mgmt-industry-right-panel {
-    display:inline-block;
+    display: inline-block;
     width: 45%;
     height: 100%;
     top: 10px;
@@ -55,75 +54,74 @@
 }
 
 .cmpy-mgmt-industry-overview-panel {
-    border: 1px solid white;
+    border: 1px solid #fff;
     color: var(--my-font-color);
-    display:inline-block;
+    display: inline-block;
     width: 100%;
 }
 
 .cmpy-mgmt-employee-panel {
-    border: 1px solid white;
-    display:block;
-    width:100%;
+    border: 1px solid #fff;
+    display: block;
+    width: 100%;
 }
 
 .cmpy-mgmt-warehouse-panel {
-    border: 1px solid white;
-    display:inline-block;
-    width:100%;
+    border: 1px solid #fff;
+    display: inline-block;
+    width: 100%;
 }
 
-/* Hiring new employees*/
+/* Hiring new employees */
 .cmpy-mgmt-find-employee-option {
-    border:1px solid white;
+    border: 1px solid #fff;
     margin: 6px;
 }
 
 .cmpy-mgmt-find-employee-option:hover {
-    background-color:#3d4044;
+    background-color: #3d4044;
 }
 
 /* Warehouse */
 .cmpy-mgmt-warehouse-material-div {
-    padding:2px;
-    border:1px solid white;
+    padding: 2px;
+    border: 1px solid #fff;
 }
 
 .cmpy-mgmt-warehouse-product-div {
-    padding:2px;
-    border:1px solid white;
+    padding: 2px;
+    border: 1px solid #fff;
 }
 
 /* Exporting materials/products */
 .cmpy-mgmt-existing-export {
-    border:1px solid white;
-    border-radius:25px;
-    margin:4px;
-    padding:4px;
+    border: 1px solid #fff;
+    border-radius: 25px;
+    margin: 4px;
+    padding: 4px;
 }
 
 .cmpy-mgmt-existing-export:hover {
-    background-color:#333333;
+    background-color: #333;
 }
 
-
 /* Upgrades */
 .cmpy-mgmt-upgrade-container {
-    border:1px solid white;
+    border: 1px solid #fff;
     width: 60%;
-    margin:4px;
+    margin: 4px;
 }
 
 .cmpy-mgmt-upgrade-div {
-    display:inline-block;
-    border:1px solid white;
-    margin:2px;
-    padding:6px;
-    border-radius:25px;
-    font-size:"12px";
-    color:var(--my-font-color);
+    display: inline-block;
+    border: 1px solid #fff;
+    margin: 2px;
+    padding: 6px;
+    border-radius: 25px;
+    font-size: "12px";
+    color: var(--my-font-color);
 }
 
 .cmpy-mgmt-upgrade-div:hover {
-    background-color:#333333;
+    background-color: #333;
 }
diff --git a/css/interactivetutorial.css b/css/interactivetutorial.css
index 95e51b380..095a626c8 100644
--- a/css/interactivetutorial.css
+++ b/css/interactivetutorial.css
@@ -1,6 +1,6 @@
 /* interactivetutorial.css */
 #interactive-tutorial-wrapper {
-    position:relative;
+    position: relative;
 }
 
 #interactive-tutorial-container {
@@ -10,11 +10,11 @@
     top: 0;
     height: 400px; /* Full height */
     padding: 10px;
-    border: 5px solid #FFFFFF;
+    border: 5px solid #fff;
     width: 20%;
     overflow: auto; /* Enable scroll if needed */
     background-color: #444; /* Fallback color */
-    color: white;
+    color: #fff;
 }
 
 #interactive-tutorial-container > strong {
@@ -24,7 +24,7 @@
 #interactive-tutorial-text {
     padding: 4px;
     margin: 4px;
-    color: white;
+    color: #fff;
     background-color: #444;
 }
 
@@ -40,7 +40,7 @@
     -moz-box-shadow: 1px 1px 3px #000;
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
-    background-color:black;
+    background-color: #000;
 }
 
 #interactive-tutorial-exit {
@@ -62,7 +62,7 @@
 #interactive-tutorial-next:focus,
 #interactive-tutorial-back:hover,
 #interactive-tutorial-back:focus {
-    color: white;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
diff --git a/css/loader.css b/css/loader.css
index 7b921d313..3c3681e6d 100644
--- a/css/loader.css
+++ b/css/loader.css
@@ -1,148 +1,148 @@
 @-webkit-keyframes LOADERSPINNER {
-  0%   { -webkit-transform: translate(-50%,-50%) rotate(0deg); }
-  100% { -webkit-transform: translate(-50%,-50%) rotate(360deg); }
+    0%   { -webkit-transform: translate(-50%, -50%) rotate(0deg); }
+    100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); }
 }
 @-moz-keyframes LOADERSPINNER {
-  0%   { -moz-transform: translate(-50%,-50%) rotate(0deg); }
-  100% { -moz-transform: translate(-50%,-50%) rotate(360deg); }
+    0%   { -moz-transform: translate(-50%, -50%) rotate(0deg); }
+    100% { -moz-transform: translate(-50%, -50%) rotate(360deg); }
 }
 @-ms-keyframes LOADERSPINNER {
-  0%   { -ms-transform: translate(-50%,-50%) rotate(0deg); }
-  100% { -ms-transform: translate(-50%,-50%) rotate(360deg); }
+    0%   { -ms-transform: translate(-50%, -50%) rotate(0deg); }
+    100% { -ms-transform: translate(-50%, -50%) rotate(360deg); }
 }
 @-o-keyframes LOADERSPINNER {
-  0%   { -o-transform: translate(-50%,-50%) rotate(0deg); }
-  100% { -o-transform: translate(-50%,-50%) rotate(360deg); }
+    0%   { -o-transform: translate(-50%, -50%) rotate(0deg); }
+    100% { -o-transform: translate(-50%, -50%) rotate(360deg); }
 }
 @keyframes LOADERSPINNER {
-  0%   { transform: translate(-50%,-50%) rotate(0deg); }
-  100% { transform: translate(-50%,-50%) rotate(360deg); }
+    0%   { transform: translate(-50%, -50%) rotate(0deg); }
+    100% { transform: translate(-50%, -50%) rotate(360deg); }
 }
 
 @-webkit-keyframes LOADERLABEL {
-  0%   { opacity: 1.0; -webkit-transform: translate(-50%,-50%) scale(1.0); }
-  5%   { opacity: 0.5; -webkit-transform: translate(-50%,-50%) scale(0.5); }
-  95%  { opacity: 0.5; -webkit-transform: translate(-50%,-50%) scale(0.5); }
-  100% { opacity: 1.0; -webkit-transform: translate(-50%,-50%) scale(1.0); }
+    0%   { opacity: 1.0; -webkit-transform: translate(-50%, -50%) scale(1.0); }
+    5%   { opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.5); }
+    95%  { opacity: 0.5; -webkit-transform: translate(-50%, -50%) scale(0.5); }
+    100% { opacity: 1.0; -webkit-transform: translate(-50%, -50%) scale(1.0); }
 }
 @-moz-keyframes LOADERLABEL {
-  0%   { opacity: 1.0; -moz-transform: translate(-50%,-50%) scale(1.0); }
-  5%   { opacity: 0.5; -moz-transform: translate(-50%,-50%) scale(0.5); }
-  95%  { opacity: 0.5; -moz-transform: translate(-50%,-50%) scale(0.5); }
-  100% { opacity: 1.0; -moz-transform: translate(-50%,-50%) scale(1.0); }
+    0%   { opacity: 1.0; -moz-transform: translate(-50%, -50%) scale(1.0); }
+    5%   { opacity: 0.5; -moz-transform: translate(-50%, -50%) scale(0.5); }
+    95%  { opacity: 0.5; -moz-transform: translate(-50%, -50%) scale(0.5); }
+    100% { opacity: 1.0; -moz-transform: translate(-50%, -50%) scale(1.0); }
 }
 @-ms-keyframes LOADERLABEL {
-  0%   { opacity: 1.0; -ms-transform: translate(-50%,-50%) scale(1.0); }
-  5%   { opacity: 0.5; -ms-transform: translate(-50%,-50%) scale(0.5); }
-  95%  { opacity: 0.5; -ms-transform: translate(-50%,-50%) scale(0.5); }
-  100% { opacity: 1.0; -ms-transform: translate(-50%,-50%) scale(1.0); }
+    0%   { opacity: 1.0; -ms-transform: translate(-50%, -50%) scale(1.0); }
+    5%   { opacity: 0.5; -ms-transform: translate(-50%, -50%) scale(0.5); }
+    95%  { opacity: 0.5; -ms-transform: translate(-50%, -50%) scale(0.5); }
+    100% { opacity: 1.0; -ms-transform: translate(-50%, -50%) scale(1.0); }
 }
 @-o-keyframes LOADERLABEL {
-  0%   { opacity: 1.0; -o-transform: translate(-50%,-50%) scale(1.0); }
-  5%   { opacity: 0.5; -o-transform: translate(-50%,-50%) scale(0.5); }
-  95%  { opacity: 0.5; -o-transform: translate(-50%,-50%) scale(0.5); }
-  100% { opacity: 1.0; -o-transform: translate(-50%,-50%) scale(1.0); }
+    0%   { opacity: 1.0; -o-transform: translate(-50%, -50%) scale(1.0); }
+    5%   { opacity: 0.5; -o-transform: translate(-50%, -50%) scale(0.5); }
+    95%  { opacity: 0.5; -o-transform: translate(-50%, -50%) scale(0.5); }
+    100% { opacity: 1.0; -o-transform: translate(-50%, -50%) scale(1.0); }
 }
 @keyframes LOADERLABEL {
-  0%   { opacity: 1.0; transform: translate(-50%,-50%) scale(1.0); }
-  5%   { opacity: 0.5; transform: translate(-50%,-50%) scale(0.5); }
-  95%  { opacity: 0.5; transform: translate(-50%,-50%) scale(0.5); }
-  100% { opacity: 1.0; transform: translate(-50%,-50%) scale(1.0); }
+    0%   { opacity: 1.0; transform: translate(-50%, -50%) scale(1.0); }
+    5%   { opacity: 0.5; transform: translate(-50%, -50%) scale(0.5); }
+    95%  { opacity: 0.5; transform: translate(-50%, -50%) scale(0.5); }
+    100% { opacity: 1.0; transform: translate(-50%, -50%) scale(1.0); }
 }
 
 *, *:before, *:after {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  vertical-align: top;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    vertical-align: top;
 }
 .loaderoverlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: rgba(255,255,255,1.0);
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 1.0);
 }
 .loaderoverlay .loaderspinner,
 .loaderoverlay .loaderspinner:before,
 .loaderoverlay .loaderspinner:after {
-  border: 20px solid rgba(0,0,0,0);
-  border-top: 20px solid #ccc;
-  border-bottom: 20px solid #ccc;
-  border-radius: 1000px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
+    border: 20px solid rgba(0, 0, 0, 0);
+    border-top: 20px solid #ccc;
+    border-bottom: 20px solid #ccc;
+    border-radius: 1000px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
 }
 .loaderoverlay .loaderspinner:before,
 .loaderoverlay .loaderspinner:after {
-  content: "";
+    content: "";
 }
 .loaderoverlay .loaderspinner {
-  width: 200px;
-  height: 200px;
-  -webkit-animation: LOADERSPINNER 5s linear infinite;
-  -moz-animation: LOADERSPINNER 5s linear infinite;
-  -ms-animation: LOADERSPINNER 5s linear infinite;
-  -o-animation: LOADERSPINNER 5s linear infinite;
-  animation: LOADERSPINNER 5s linear infinite;
+    width: 200px;
+    height: 200px;
+    -webkit-animation: LOADERSPINNER 5s linear infinite;
+    -moz-animation: LOADERSPINNER 5s linear infinite;
+    -ms-animation: LOADERSPINNER 5s linear infinite;
+    -o-animation: LOADERSPINNER 5s linear infinite;
+    animation: LOADERSPINNER 5s linear infinite;
 }
 .loaderoverlay .loaderspinner:before {
-  width: 160px;
-  height: 160px;
-  -webkit-animation: LOADERSPINNER 10s linear infinite;
-  -moz-animation: LOADERSPINNER 10s linear infinite;
-  -ms-animation: LOADERSPINNER 10s linear infinite;
-  -o-animation: LOADERSPINNER 10s linear infinite;
-  animation: LOADERSPINNER 10s linear infinite;
+    width: 160px;
+    height: 160px;
+    -webkit-animation: LOADERSPINNER 10s linear infinite;
+    -moz-animation: LOADERSPINNER 10s linear infinite;
+    -ms-animation: LOADERSPINNER 10s linear infinite;
+    -o-animation: LOADERSPINNER 10s linear infinite;
+    animation: LOADERSPINNER 10s linear infinite;
 }
 .loaderoverlay .loaderspinner:after {
-  width: 120px;
-  height: 120px;
-  -webkit-animation: LOADERSPINNER 5s linear infinite;
-  -moz-animation: LOADERSPINNER 5s linear infinite;
-  -ms-animation: LOADERSPINNER 5s linear infinite;
-  -o-animation: LOADERSPINNER 5s linear infinite;
-  animation: LOADERSPINNER 5s linear infinite;
+    width: 120px;
+    height: 120px;
+    -webkit-animation: LOADERSPINNER 5s linear infinite;
+    -moz-animation: LOADERSPINNER 5s linear infinite;
+    -ms-animation: LOADERSPINNER 5s linear infinite;
+    -o-animation: LOADERSPINNER 5s linear infinite;
+    animation: LOADERSPINNER 5s linear infinite;
 }
 .loaderoverlay .loaderlabel {
-  color: #66ff33;
-  text-transform: uppercase;
-  font-family: sans-serif;
-  font-size: 22px;
-  font-weight: 700;
-  letter-spacing: 2px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-animation: LOADERLABEL 5s linear infinite;
-  -moz-animation: LOADERLABEL 5s linear infinite;
-  -ms-animation: LOADERLABEL 5s linear infinite;
-  -o-animation: LOADERLABEL 5s linear infinite;
-  animation: LOADERLABEL 5s linear infinite;
+    color: #6f3;
+    text-transform: uppercase;
+    font-family: sans-serif;
+    font-size: 22px;
+    font-weight: 700;
+    letter-spacing: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -webkit-animation: LOADERLABEL 5s linear infinite;
+    -moz-animation: LOADERLABEL 5s linear infinite;
+    -ms-animation: LOADERLABEL 5s linear infinite;
+    -o-animation: LOADERLABEL 5s linear infinite;
+    animation: LOADERLABEL 5s linear infinite;
 }
 button[type="button"] {
-  padding: 0.5rem 1rem;
-  position: absolute;
-  z-index: 1;
-  bottom: 10px;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-  -moz-transform: translateX(-50%);
-  -ms-transform: translateX(-50%);
-  -o-transform: translateX(-50%);
-  transform: translateX(-50%);
+    padding: 0.5rem 1rem;
+    position: absolute;
+    z-index: 1;
+    bottom: 10px;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+    -moz-transform: translateX(-50%);
+    -ms-transform: translateX(-50%);
+    -o-transform: translateX(-50%);
+    transform: translateX(-50%);
 }
 
 /* Customize */
 .loaderoverlay {
-  background: #000;
+    background: #000;
 }
 .loaderoverlay .loaderspinner,
 .loaderoverlay .loaderspinner:before,
 .loaderoverlay .loaderspinner:after {
-  border-top-color: #66ff33!important;
-  border-bottom-color:#66ff33 !important;
+    border-top-color: #6f3 !important;
+    border-bottom-color: #6f3 !important;
 }
 .loaderoverlay .loaderlabel {
-  color: #66ff33;
-}
\ No newline at end of file
+    color: #6f3;
+}
diff --git a/css/menupages.css b/css/menupages.css
index 8a73b0322..9960d4a90 100644
--- a/css/menupages.css
+++ b/css/menupages.css
@@ -1,12 +1,12 @@
 /* CSS for different main menu pages, such as character info, script editor, etc (but excluding
-	terminal which has its own page) */
+    terminal which has its own page) */
 
 .generic-menupage-container {
     height: 100%;
     padding-left: 10px;
     margin-left: 10%;
     width: 99%;
-	overflow-y: scroll;
+    overflow-y: scroll;
 }
 
 /* Character Info */
@@ -17,7 +17,7 @@
 
 /* Script Editor */
 #script-editor-container {
-    background-color:transparent;
+    background-color: transparent;
 }
 #javascript-editor {
     margin: 10px;
@@ -37,43 +37,43 @@
 
 .ace_line,
 .ace_line * {
-    background-color:transparent;
-    margin:0px;
-    padding:0px;
+    background-color: transparent;
+    margin: 0;
+    padding: 0;
 }
 
 .ace_text-input {
-    font-size:16px;
-    background-color:transparent;
+    font-size: 16px;
+    background-color: transparent;
 }
 
 /* This temp element is used for auto adjusting filename field */
 .tmp-element {
-        visibility: hidden;
-        white-space: pre;
+    visibility: hidden;
+    white-space: pre;
 }
 
 #script-editor-container {
-	position: fixed;
-	padding-top: 10px;
+    position: fixed;
+    padding-top: 10px;
 }
 
 #script-editor-buttons-wrapper {
     width: 100%;
-    padding-right: 0xp;
-    margin-right: 0px;
+    padding-right: 0;
+    margin-right: 0;
 }
 
 #script-editor-wrapper {
-    height:100%;
+    height: 100%;
     width: 70%;
-    background:transparent;
+    background: transparent;
 }
 
 #script-editor-filename-wrapper {
     background-color: #555;
     margin-left: 6px;
-    margin-right: 0px;
+    margin-right: 0;
     padding-left: 6px;
     width: 100%;
     border: 2px solid var(--my-highlight-color);
@@ -82,57 +82,57 @@
 #script-editor-filename-tag {
     display: inline-block;
     padding-top: 10px;
-    padding-bottom: 0px;
-    float:center;
+    padding-bottom: 0;
+    float: center;
     background-color: #555;
-    color: white;
+    color: #fff;
 }
 
 #script-editor-filename {
     background-color: #555;
     display: inline-block;
-	float: center;
-	resize: none;
-	color: white;
+    float: center;
+    resize: none;
+    color: #fff;
     margin: 4px;
 
-    padding:  2px;
+    padding: 2px;
 
     border: 2px solid var(--my-highlight-color);
     -webkit-box-shadow:
-      inset 0 0 8px  rgba(0,0,0,0.1),
-            0 0 16px rgba(0,0,0,0.1);
+        inset 0 0 8px rgba(0, 0, 0, 0.1),
+        0 0 16px rgba(0, 0, 0, 0.1);
     -moz-box-shadow:
-      inset 0 0 8px  rgba(0,0,0,0.1),
-            0 0 16px rgba(0,0,0,0.1);
+        inset 0 0 8px rgba(0, 0, 0, 0.1),
+        0 0 16px rgba(0, 0, 0, 0.1);
     box-shadow:
-      inset 0 0 8px  rgba(0,0,0,0.1),
-            0 0 16px rgba(0,0,0,0.1);
+        inset 0 0 8px rgba(0, 0, 0, 0.1),
+        0 0 16px rgba(0, 0, 0, 0.1);
 }
 
 #script-editor-status {
-	float: left;
-	color: #ffffff;
+    float: left;
+    color: #fff;
 }
 
 #script-editor-options-panel {
-    position:absolute;
+    position: absolute;
     right: 9%;
-    bottom:15%;
-    border:2px solid white;
-    width:19%;
-    background-color:#444;
-    padding:2px;
-    overflow:auto;
+    bottom: 15%;
+    border: 2px solid #fff;
+    width: 19%;
+    background-color: #444;
+    padding: 2px;
+    overflow: auto;
     z-index: 1;
-    color: white;
+    color: #fff;
 }
 
 #script-editor-options-panel fieldset {
-    margin-top:8px;
-    margin-bottom:8px;
+    margin-top: 8px;
+    margin-bottom: 8px;
     padding: 2px;
-    font-size:12px;
+    font-size: 12px;
 }
 
 /* Active scripts */
@@ -141,8 +141,8 @@
 }
 
 #active-scripts-container {
-	position: fixed;
-	padding-top: 10px;
+    position: fixed;
+    padding-top: 10px;
 }
 
 #active-scripts-text,
@@ -155,8 +155,8 @@
 .active-scripts-server-header {
     background-color: #444;
     font-size: 20px;
-    color: white;
-    margin: 6px 6px 0px 6px;
+    color: #fff;
+    margin: 6px 6px 0 6px;
     padding: 6px;
     cursor: pointer;
     width: 60%;
@@ -177,7 +177,7 @@
 .active-scripts-server-header:after {
     content: '\02795'; /* "plus" sign (+) */
     font-size: 13px;
-    color: white;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
@@ -185,14 +185,14 @@
 .active-scripts-server-header.active:after {
     content: "\2796"; /* "minus" sign (-) */
     font-size: 13px;
-    color: white;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
 
 .active-scripts-server-panel {
-    margin: 0px 6px 6px 6px;
-    padding: 0px 6px 6px 6px;
+    margin: 0 6px 6px 6px;
+    padding: 0 6px 6px 6px;
     width: 55%;
     margin-left: 5%;
     display: none;
@@ -255,7 +255,7 @@
 .active-scripts-script-panel li {
     background-color: #555;
     width: auto;
-    color: white;
+    color: #fff;
     margin-left: 5%;
 }
 
@@ -271,12 +271,12 @@
     box-shadow: 1px 1px 3px #000;
     margin: 4px;
     padding: 4px;
-    background-color:black;
+    background-color: #000;
 }
 
 .active-scripts-button:hover,
 .active-scripts-button:focus {
-    color: white;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -328,14 +328,14 @@
     width: 34vw;
     border: 2px solid var(--my-highlight-color);
     -webkit-box-shadow:
-      inset 0 0 8px  rgba(0,0,0,0.1),
-            0 0 16px rgba(0,0,0,0.1);
+        inset 0 0 8px  rgba(0, 0, 0, 0.1),
+        0 0 16px rgba(0, 0, 0, 0.1);
     -moz-box-shadow:
-      inset 0 0 8px  rgba(0,0,0,0.1),
-            0 0 16px rgba(0,0,0,0.1);
+        inset 0 0 8px  rgba(0, 0, 0, 0.1),
+        0 0 16px rgba(0, 0, 0, 0.1);
     box-shadow:
-      inset 0 0 8px  rgba(0,0,0,0.1),
-            0 0 16px rgba(0,0,0,0.1);
+        inset 0 0 8px  rgba(0, 0, 0, 0.1),
+        0 0 16px rgba(0, 0, 0, 0.1);
 }
 
 .hacknet-node-container {
@@ -368,7 +368,6 @@
     padding-top: 10px;
 }
 
-
 #world-city-name,
 #world-city-desc {
     padding: 4px;
@@ -403,11 +402,11 @@
 }
 
 .faction-work-div-wrapper {
-    overflow:hidden;
+    overflow: hidden;
     border: 2px solid #333;
     padding: 6px;
     margin: 6px;
-    width:70%;
+    width: 70%;
 }
 
 #faction-donate-amount-txt,
@@ -416,11 +415,11 @@
     margin: 6px;
     display: inline-block;
     color: var(--my-font-color);
-    background-color:black;
+    background-color: #000;
 }
 
 #faction-donate-amount-txt {
-    width:50%;
+    width: 50%;
 }
 
 #faction-container p,
@@ -467,7 +466,7 @@
 .augmentations-list button,
 .augmentations-list div {
     color: var(--my-font-color);
-	padding: 8px;
+    padding: 8px;
     text-decoration: none;
 }
 
@@ -503,13 +502,13 @@
 
 /* Location */
 #location-container {
-	position: fixed;
-	padding: 6px;
+    position: fixed;
+    padding: 6px;
     overflow-x: hidden;
 }
 
 #location-container a {
-    display:inline-block;
+    display: inline-block;
     width: 30%;
 }
 
@@ -524,7 +523,7 @@
 }
 
 #location-container * {
-	margin: 10px 5px 10px 5px;
+    margin: 10px 5px 10px 5px;
 }
 
 #location-job-reputation, #location-company-favor {
@@ -538,8 +537,8 @@
 }
 #infiltration-left-panel,
 #infiltration-right-panel {
-    display:inline-block;
-    border: 1px solid white;
+    display: inline-block;
+    border: 1px solid #fff;
     width: 35%;
     height: 75%;
     top: 10px;
@@ -548,7 +547,7 @@
 }
 
 #infiltration-faction-select {
-    color:white;
+    color: #fff;
 }
 
 #infiltration-left-panel p,
@@ -557,7 +556,7 @@
 }
 
 #infiltration-buttons .a-link-button {
-    display:inline;
+    display: inline;
     width: 25%;
 }
 
@@ -581,27 +580,27 @@
     display: inline-block;
     padding: 4px;
     margin: 2px;
-    background-color: black;
-    border: 1px solid white;
+    background-color: #000;
+    border: 1px solid #fff;
     color: var(--my-font-color);
 }
 
 .stock-market-position-text {
-    color:white;
-    display:inline-block;
+    color: #fff;
+    display: inline-block;
 }
 
 .stock-market-order-list {
-    overflow-y:auto;
+    overflow-y: auto;
     max-height: 100px;
 }
 
 .stock-market-order-cancel-btn {
-    background-color: black;
-    border: 1px solid white;
+    background-color: #000;
+    border: 1px solid #fff;
     color: var(--my-font-color);
     margin: 2px;
-    padding: 0px;
+    padding: 0;
 }
 
 /* Gang */
@@ -615,6 +614,6 @@
 }
 
 .gang-member-info-div {
-    float:left;
+    float: left;
     background-color: #555;
 }
diff --git a/css/missions.css b/css/missions.css
index ee1a22e17..6a958ac12 100644
--- a/css/missions.css
+++ b/css/missions.css
@@ -2,40 +2,38 @@
 
 /* Hacking missions */
 #mission-container {
-    overflow:hidden;
+    overflow: hidden;
 }
 
 .hack-mission-grid {
     display: grid;
-    /*grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11%;*/
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-    /*grid-template-rows: 10% 10% 10% 10% 10% 10% 10% 10%;*/
     grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
     grid-gap: 2.5%;
     height: 90%;
-    position:absolute;
+    position: absolute;
     width: 100%;
-    overflow-y:auto;
+    overflow-y: auto;
     padding-right: 10px;
 }
 
 .hack-mission-grid::-webkit-scrollbar {
-    display:none;
+    display: none;
 }
 
 .hack-mission-node {
-    z-index:5;
-    background-color:gray;
+    z-index: 5;
+    background-color: #808080;
     align-self: center;
     justify-self: center;
-    display:inline-block;
+    display: inline-block;
 }
 
 .hack-mission-node p {
-    margin-top:8px;
-    color:white;
-    font-size:12px;
-    text-align:center;
+    margin-top: 8px;
+    color: #fff;
+    font-size: 12px;
+    text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -43,49 +41,49 @@
 }
 
 .hack-mission-player-node {
-    color:white;
-    background-color:blue;
+    color: #fff;
+    background-color: #00f;
 }
 
 .hack-mission-player-node-active {
-    border: 2px solid white;
-    background-color: #6666ff;
+    border: 2px solid #fff;
+    background-color: #66f;
 }
 
 .hack-mission-enemy-node {
-    color:white;
-    background-color:red;
+    color: #fff;
+    background-color: #f00;
 }
 
 .hack-mission-cpu-node {
-    width:100%;
-    height:100%;
+    width: 100%;
+    height: 100%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     border-radius: 50%;
 }
 
 .hack-mission-firewall-node {
-    width:90%;
-    height:100%;
+    width: 90%;
+    height: 100%;
 }
 
 .hack-mission-database-node {
     width: 100%;
-	height: 90%;
-	-webkit-transform: skew(20deg);
-	-moz-transform: skew(20deg);
-	-o-transform: skew(20deg);
+    height: 90%;
+    -webkit-transform: skew(20deg);
+    -moz-transform: skew(20deg);
+    -o-transform: skew(20deg);
 }
 
 .hack-mission-database-node p {
     -webkit-transform: skew(-20deg);
-	-moz-transform: skew(-20deg);
-	-o-transform: skew(-20deg);
-    color:white;
-    font-size:12px;
+    -moz-transform: skew(-20deg);
+    -o-transform: skew(-20deg);
+    color: #fff;
+    font-size: 12px;
     margin-top: 8px;
-    text-align:center;
+    text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -94,20 +92,20 @@
 
 .hack-mission-transfer-node {
     width: 100%;
-	height: 90%;
-	-webkit-transform: skew(-20deg);
-	-moz-transform: skew(-20deg);
-	-o-transform: skew(-20deg);
+    height: 90%;
+    -webkit-transform: skew(-20deg);
+    -moz-transform: skew(-20deg);
+    -o-transform: skew(-20deg);
 }
 
 .hack-mission-transfer-node p {
     -webkit-transform: skew(20deg);
-	-moz-transform: skew(20deg);
-	-o-transform: skew(20deg);
-    color:white;
-    font-size:12px;
+    -moz-transform: skew(20deg);
+    -o-transform: skew(20deg);
+    color: #fff;
+    font-size: 12px;
     margin-top: 8px;
-    text-align:center;
+    text-align: center;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -116,7 +114,7 @@
 
 .hack-mission-spam-node,
 .hack-mission-shield-node {
-    height:100%;
+    height: 100%;
     width: 100%;
 }
 
@@ -128,5 +126,5 @@
 }
 
 .hack-mission-action-buttons-container {
-    border: 2px solid white;
+    border: 2px solid #fff;
 }
diff --git a/css/popupboxes.css b/css/popupboxes.css
index 38bc7f503..2b92cdd33 100644
--- a/css/popupboxes.css
+++ b/css/popupboxes.css
@@ -7,7 +7,7 @@
     top: 0;
     width: 100%;
     height: 100%;
-    overflow:auto;
+    overflow: auto;
     background-color: rbga(var(--my-background-color), 0.4);
 }
 
@@ -28,8 +28,8 @@
     font-weight: bold;
     padding: 2px;
     margin: 6px;
-    border: 1px solid white;
-    background-color:black;
+    border: 1px solid #fff;
+    background-color: #000;
 }
 
 .popup-box-button:hover,
@@ -46,8 +46,8 @@
 
 #yes-no-text-input-box-input {
     color: var(--my-font-color);
-    border: 1px solid white;
-    background-color:black;
+    border: 1px solid #fff;
+    background-color: #000;
 }
 
 .dialog-box-container,
@@ -97,13 +97,13 @@
 }
 
 #log-box-close, #log-box-kill-script {
-    float:right;
-    display:inline-block;
+    float: right;
+    display: inline-block;
 }
 
 .dialog-box-close-button:hover,
 .dialog-box-close-button:focus,{
-    color: white;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -126,12 +126,12 @@
 }
 
 #infiltration-faction-select {
-    background-color:black;
+    background-color: #000;
 }
 
 /* Generic Yes No Box */
 #yes-no-text-input-box-input {
-    color: white;
+    color: #fff;
 }
 
 /* Game Options */
@@ -163,7 +163,7 @@
     font-weight: bold;
     -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
-    border-radius: 12px white;
+    border-radius: 12px #fff;
     -moz-box-shadow: 1px 1px 3px #000;
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
@@ -171,16 +171,16 @@
 
 #game-options-close-button:hover,
 #game-options-close-button:focus {
-    color: white;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
 
 #game-options-left-panel fieldset {
-    padding:2px;
-    margin:2px;
+    padding: 2px;
+    margin: 2px;
 }
 
 #import-game-file-selector {
-    display:none;
+    display: none;
 }
diff --git a/css/styles.css b/css/styles.css
index 211fc85d2..b8b320957 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,7 +1,7 @@
 :root{
-    --my-font-color: #66ff33;
-    --my-background-color: #000000;
-    --my-highlight-color: #ffffff;
+    --my-font-color: #6f3;
+    --my-background-color: #000;
+    --my-highlight-color: #fff;
 }
 
 * {
@@ -42,7 +42,7 @@ span {
 }
 
 #entire-game-container {
-    background-color:transparent;
+    background-color: transparent;
 }
 
 /* Disable border highlight on elements */
@@ -51,7 +51,7 @@ textarea:focus,
 button:focus,
 td:focus,
 tr:focus {
-    outline:none;
+    outline: none;
 }
 
 /* Main navigation menu */
@@ -65,13 +65,13 @@ tr:focus {
     overflow: auto;
 
     border: 0;
-	border-bottom: 1px solid #000000;
-	border-radius: 0;
-	background-color: #333;
+    border-bottom: 1px solid #000;
+    border-radius: 0;
+    background-color: #333;
 }
 
 /* Default buttons */
-.mainmenu>li a {
+.mainmenu > li a {
     display: block;
     color: #e6e6e6;
     background-color: #555;
@@ -80,28 +80,28 @@ tr:focus {
 }
 
 /* Hovering makes them lighter */
-.mainmenu>li a:hover,
-.mainmenu>li a:hover:not(.active),
-.mainmenu>li a:focus {
+.mainmenu > li a:hover,
+.mainmenu > li a:hover:not(.active),
+.mainmenu > li a:focus {
     background-color: #777;
-    color: white;
+    color: #fff;
 }
 
 /* Panel headers can become active, and they are "lighter" than the rest */
-.mainmenu>li a.active {
+.mainmenu > li a.active {
     background-color: #777;
-    color: white;
+    color: #fff;
 }
 
-.mainmenu>li a.active:hover {
-    background-color:#aaa;
+.mainmenu > li a.active:hover {
+    background-color: #aaa;
 }
 
 /* Plus and minus signs */
 .mainmenu-accordion-header:after {
     content: '\02795';
     font-size: 13px;
-    color: white;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
@@ -111,7 +111,7 @@ tr:focus {
 }
 
 .mainmenu-accordion-header.opened {
-    background-color:#222;
+    background-color: #222;
 }
 
 /* Slide down transition */
@@ -123,21 +123,21 @@ tr:focus {
 
 /* Borders */
 .mainmenu-accordion-header {
-    border:2px solid white;
+    border: 2px solid #fff;
 }
 
 /* Make html links ("a" elements) nice looking buttons with this class */
 a:link, a:visited {
-    color:white;
+    color: #fff;
 }
 
 .a-link-button {
     text-decoration: none;
     background-color: #555;
-    color: #FFFFFF;
+    color: #fff;
     padding: 5px;
     margin: 5px;
-    border: 1px solid #333333;
+    border: 1px solid #333;
 
     -moz-user-select: none;
     -ms-user-select: none;
@@ -151,18 +151,18 @@ a:link, a:visited {
 
 .a-link-button:active {
     -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
-	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
-	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
 }
 
 /* Make anchor tags ("a" elements) inactive (not clickable) */
 .a-link-button-inactive {
     text-decoration: none;
     background-color: #333;
-    color: #FFFFFF;
+    color: #fff;
     padding: 5px;
     margin: 5px;
-    border: 1px solid #333333;
+    border: 1px solid #333;
     cursor: default;
 }
 
@@ -179,11 +179,11 @@ a:link, a:visited {
 /* Make anchor tags ("a" elements) for activated actions */
 .a-link-button-bought {
     text-decoration: none;
-    background-color: #00AA00;
-    color: #FFFFFF;
+    background-color: #0a0;
+    color: #fff;
     padding: 5px;
     margin: 5px;
-    border: 1px solid #00AA00;
+    border: 1px solid #0a0;
     cursor: default;
 }
 
@@ -198,18 +198,18 @@ a:link, a:visited {
 }
 
 .dropdown {
-    color:white;
-    background-color:black;
+    color: #fff;
+    background-color: #000;
 }
 
 .text-input {
-    color:white;
-    background-color:black;
+    color: #fff;
+    background-color: #000;
 }
 
 /* Notification icon (for create program right now only) */
 #create-program-tab {
-    position:relative;
+    position: relative;
 }
 #create-program-notification {
     font-size: 10px;
@@ -221,7 +221,7 @@ a:link, a:visited {
 
 .notification-on {
     background-color: #fa3e3e;
-    color: white;
+    color: #fff;
     border-radius: 2px;
     padding: 1px 3px;
 }
@@ -229,8 +229,8 @@ a:link, a:visited {
 .notification-off {
     background-color: #333;
     color: #333;
-    border-radius: 0px;
-    padding: 0px;
+    border-radius: 0;
+    padding: 0;
 }
 
 /* Tool tips (when hovering over an element */
@@ -243,8 +243,8 @@ a:link, a:visited {
     visibility: hidden;
     width: 300px;
     background-color: var(--my-background-color);
-    border: 2px solid var(--my-highlight-color);;
-    color: white;
+    border: 2px solid var(--my-highlight-color);
+    color: #fff;
     text-align: center;
     padding: 4px;
     left: 101%;
@@ -258,12 +258,12 @@ a:link, a:visited {
     visibility: hidden;
     width: 300px;
     background-color: var(--my-background-color);
-    border: 2px solid var(--my-highlight-color);;
-    color: white;
+    border: 2px solid var(--my-highlight-color);
+    color: #fff;
     text-align: center;
     padding: 4px;
     left: 101%;
-    bottom:-25%;
+    bottom: -25%;
 
     position: absolute;
     z-index: 99;
@@ -275,12 +275,12 @@ a:link, a:visited {
     visibility: hidden;
     width: 300px;
     background-color: var(--my-background-color);
-    border: 2px solid var(--my-highlight-color);;
-    color: white;
+    border: 2px solid var(--my-highlight-color);
+    color: #fff;
     text-align: center;
     padding: 4px;
     left: 40%;
-    bottom:-10%;
+    bottom: -10%;
 
     position: absolute;
     z-index: 99;
@@ -294,13 +294,13 @@ a:link, a:visited {
 
 /* help tip. Question mark that opens popup with info/details */
 .help-tip {
-    content:'?';
-    padding:1px;
-    margin-left:3px;
-    color:#fff;
-    border:1px solid white;
-    border-radius:5px;
-    display:inline-block;
+    content: '?';
+    padding: 1px;
+    margin-left: 3px;
+    color: #fff;
+    border: 1px solid #fff;
+    border-radius: 5px;
+    display: inline-block;
 }
 
 .help-tip:hover {
@@ -309,33 +309,33 @@ a:link, a:visited {
 
 .help-tip:active {
     -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
-	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
-	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
+    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
 }
 
 /* Flashing button (Red) */
 @-webkit-keyframes glowing {
-    0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
-    50% { background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; }
-    100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
+    0% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
+    50% { background-color: #f00; -webkit-box-shadow: 0 0 40px #f00; }
+    100% { background-color: #b20000; -webkit-box-shadow: 0 0 3px #b20000; }
 }
 
 @-moz-keyframes glowing {
-    0% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
-    50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
-    100% { background-color: #B20000; -moz-box-shadow: 0 0 3px #B20000; }
+    0% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
+    50% { background-color: #f00; -moz-box-shadow: 0 0 40px #f00; }
+    100% { background-color: #b20000; -moz-box-shadow: 0 0 3px #b20000; }
 }
 
 @-o-keyframes glowing {
-    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
-    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
-    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
+    0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
+    50% { background-color: #f00; box-shadow: 0 0 40px #f00; }
+    100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
 }
 
 @keyframes glowing {
-    0% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
-    50% { background-color: #FF0000; box-shadow: 0 0 40px #FF0000; }
-    100% { background-color: #B20000; box-shadow: 0 0 3px #B20000; }
+    0% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
+    50% { background-color: #f00; box-shadow: 0 0 40px #f00; }
+    100% { background-color: #b20000; box-shadow: 0 0 3px #b20000; }
 }
 
 .flashing-button {
@@ -348,57 +348,57 @@ a:link, a:visited {
 /* Blinking Cursor */
 /* ----- blinking cursor animation ----- */
 .typed-cursor{
-  opacity: 1;
-  -webkit-animation: blink 0.95s infinite;
-  -moz-animation: blink 0.95s infinite;
-  -ms-animation: blink 0.95s infinite;
-  -o-animation: blink 0.95s infinite;
-  animation: blink 0.95s infinite;
+    opacity: 1;
+    -webkit-animation: blink 0.95s infinite;
+    -moz-animation: blink 0.95s infinite;
+    -ms-animation: blink 0.95s infinite;
+    -o-animation: blink 0.95s infinite;
+    animation: blink 0.95s infinite;
 }
 
 @-keyframes blink{
-  0% { opacity:1; }
-  50% { opacity:0; }
-  100% { opacity:1; }
+    0% { opacity: 1; }
+    50% { opacity: 0; }
+    100% { opacity: 1; }
 }
 @-webkit-keyframes blink{
-  0% { opacity:1; }
-  50% { opacity:0; }
-  100% { opacity:1; }
+    0% { opacity: 1; }
+    50% { opacity: 0; }
+    100% { opacity: 1; }
 }
 @-moz-keyframes blink{
-  0% { opacity:1; }
-  50% { opacity:0; }
-  100% { opacity:1; }
+    0% { opacity: 1; }
+    50% { opacity: 0; }
+    100% { opacity: 1; }
 }
 @-ms-keyframes blink{
-  0% { opacity:1; }
-  50% { opacity:0; }
-  100% { opacity:1; }
+    0% { opacity: 1; }
+    50% { opacity: 0; }
+    100% { opacity: 1; }
 }
 @-o-keyframes blink{
-  0% { opacity:1; }
-  50% { opacity:0; }
-  100% { opacity:1; }
+    0% { opacity: 1; }
+    50% { opacity: 0; }
+    100% { opacity: 1; }
 }
 
 /* Status text */
 @-webkit-keyframes status-text{
     from{
-        opacity:1;
-        top:0px;
+        opacity: 1;
+        top: 0;
     }
     to{
-        opacity:0;
-        top:0px;
+        opacity: 0;
+        top: 0;
     }
 }
 
 .status-text{
-    display:inline;
-    position:fixed;
-    top:0px;
-    -webkit-animation:status-text 3s 1;
+    display: inline;
+    position: fixed;
+    top: 0;
+    -webkit-animation: status-text 3s 1;
     background-color: transparent;
     height: 15%;
 }
@@ -409,7 +409,7 @@ a:link, a:visited {
 
 #status-text {
     font-size: 20px;
-    color: #FFFFFF;
+    color: #fff;
     right: 0;
     bottom: 0;
     padding: 4px;
@@ -429,7 +429,6 @@ a:link, a:visited {
     right: 0;
     top: 0;
     height: 205px; /* Full height */
-    /*margin: 50% auto;*/
     padding: 5px;
     border: 2px solid var(--my-highlight-color);
     width: 19%;
@@ -441,7 +440,7 @@ a:link, a:visited {
 #character-overview-text {
     padding: 4px;
     margin: 8px;
-    color: white;
+    color: #fff;
     background-color: #444;
 }
 
@@ -457,14 +456,14 @@ a:link, a:visited {
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
     height: 22px;
-    background-color:black;
+    background-color: #000;
 }
 
 #character-overview-save-button:hover,
 #character-overview-save-button:focus,
 #character-overview-options-button:hover,
 #character-overview-options-button:focus {
-    color: white;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -475,20 +474,20 @@ a:link, a:visited {
 
 /* Scan analyze links from AutoLink */
 .scan-analyze-link {
-    cursor:pointer;
-    color:#FFFFFF;
-    text-decoration:underline;
+    cursor: pointer;
+    color: #fff;
+    text-decoration: underline;
 }
 .scan-analyze-link:hover {
-    text-decoration:none;
+    text-decoration: none;
 }
 
 /* Accordion menus (Header with collapsible panel) */
 .accordion-header {
     background-color: #444;
     font-size: 20px;
-    color: white;
-    margin: 6px 6px 0px 6px;
+    color: #fff;
+    margin: 6px 6px 0 6px;
     padding: 6px;
     cursor: pointer;
     width: 80%;
@@ -509,7 +508,7 @@ a:link, a:visited {
 .accordion-header:after {
     content: '\02795'; /* "plus" sign (+) */
     font-size: 13px;
-    color: white;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
@@ -517,20 +516,20 @@ a:link, a:visited {
 .accordion-header.active:after {
     content: "\2796"; /* "minus" sign (-) */
     font-size: 13px;
-    color: white;
+    color: #fff;
     float: right;
     margin-left: 5px;
 }
 
 .accordion-panel {
-    margin: 0px 6px 6px 6px;
-    padding: 0px 6px 6px 6px;
+    margin: 0 6px 6px 6px;
+    padding: 0 6px 6px 6px;
     width: 75%;
     margin-left: 5%;
     display: none;
     background-color: #555;
-    overflow-y:auto;
-    overflow-x:none;
+    overflow-y: auto;
+    overflow-x: none;
 }
 
 .accordion-panel div,
diff --git a/css/terminal.css b/css/terminal.css
index 76fb71737..54da4e75e 100644
--- a/css/terminal.css
+++ b/css/terminal.css
@@ -1,10 +1,10 @@
 #terminal-container {
     position: fixed;
     margin-left: 10%;
-	height: 100%;
+    height: 100%;
     width: 99%;
-	overflow: auto;
-	overflow-y: scroll;
+    overflow: auto;
+    overflow-y: scroll;
 }
 
 #terminal {
@@ -13,10 +13,10 @@
     height: auto;
     width: 70%;
     font-size: 16px;
-	overflow: auto;
-	overflow-y: scroll;
+    overflow: auto;
+    overflow-y: scroll;
     background-color: var(--my-background-color);
-    table-layout:fixed;
+    table-layout: fixed;
 }
 
 #terminal-input {
@@ -26,20 +26,20 @@
 }
 
 .terminal-input {
-	display: inline-block;
-	padding: 0px !important;
-	margin: 0px !important;
-	border: 0px;
-	background-color: var(--my-background-color);
-	font-size: 16px;
-	outline: none;
+    display: inline-block;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: 0;
+    background-color: var(--my-background-color);
+    font-size: 16px;
+    outline: none;
     color: var(--my-font-color);
 }
 
 .terminal-line {
     width: 70%;
     word-wrap: break-word;
-    hyphens:auto;
+    hyphens: auto;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
 }
diff --git a/css/workinprogress.css b/css/workinprogress.css
index 80717fa3d..ed922ee65 100644
--- a/css/workinprogress.css
+++ b/css/workinprogress.css
@@ -25,7 +25,7 @@
     margin: 10px;
     padding: 5px;
     border-radius: 12px;
-    border: 3px solid white;
+    border: 3px solid #fff;
     -moz-box-shadow: 1px 1px 3px #000;
     -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
@@ -33,7 +33,7 @@
 
 #work-in-progress-cancel-button:hover,
 #work-in-progress-cancel-button:focus {
-    color: white;
+    color: #fff;
     text-decoration: none;
     cursor: pointer;
 }
@@ -44,12 +44,12 @@
 }
 
 .bitnode {
-    color:blue;
+    color: #00f;
 }
 .bitnode-destroyed {
-    color:red;
+    color: #f00;
 }
 .bitnode:hover,
 .bitnode-destroyed:hover {
-    color:white;
+    color: #fff;
 }
diff --git a/stylelint.config.js b/stylelint.config.js
index 6ddea46aa..3e758db82 100644
--- a/stylelint.config.js
+++ b/stylelint.config.js
@@ -42,20 +42,20 @@ module.exports = {
 //        "block-opening-brace-newline-after": "always",
 //        "block-opening-brace-newline-before": "never-single-line",
 //        "block-opening-brace-space-before": "always",
-//        "color-hex-case": "lower",
-//        "color-hex-length": "short",
-//        "color-named": "never",
+        "color-hex-case": "lower",
+        "color-hex-length": "short",
+        "color-named": "never",
         //"color-no-hex": true,
         "color-no-invalid-hex": true,
 //        "comment-empty-line-before": "always",
         "comment-no-empty": true,
-//        "comment-whitespace-inside": "always",
+        "comment-whitespace-inside": "always",
         "comment-word-blacklist": [],
         "custom-media-pattern": ".+",
         "custom-property-empty-line-before": "never",
         "custom-property-pattern": "my-.+",
         "declaration-bang-space-after": "never",
-//        "declaration-bang-space-before": "always",
+        "declaration-bang-space-before": "always",
 //        "declaration-block-no-duplicate-properties": true,
         "declaration-block-no-redundant-longhand-properties": true,
         "declaration-block-no-shorthand-property-overrides": true,
@@ -65,7 +65,7 @@ module.exports = {
 //        "declaration-block-single-line-max-declarations": 1,
         "declaration-block-trailing-semicolon": "always",
         "declaration-colon-newline-after": "always-multi-line",
-//        "declaration-colon-space-after": "always-single-line",
+        "declaration-colon-space-after": "always-single-line",
         "declaration-colon-space-before": "never",
 //        "declaration-empty-line-before": "never",
         //"declaration-no-important": true,
@@ -81,7 +81,7 @@ module.exports = {
         "function-calc-no-unspaced-operator": true,
         "function-comma-newline-after": "always-multi-line",
         "function-comma-newline-before": "never-multi-line",
-//        "function-comma-space-after": "always-single-line",
+        "function-comma-space-after": "always-single-line",
         "function-comma-space-before": "never",
         "function-linear-gradient-no-nonstandard-direction": true,
         "function-max-empty-lines": 1,
@@ -100,10 +100,10 @@ module.exports = {
 //            "var"
 //        ],
         "function-whitespace-after": "always",
-//        "indentation": 4,
+        "indentation": 4,
         "keyframe-declaration-no-important": true,
-//        "length-zero-no-unit": true,
-//        "max-empty-lines": 1,
+        "length-zero-no-unit": true,
+        "max-empty-lines": 1,
         "max-line-length": 160,
         "max-nesting-depth": 99,
         "media-feature-colon-space-after": "always",
@@ -125,9 +125,9 @@ module.exports = {
 //        "no-duplicate-selectors": true,
         "no-empty-source": true,
         "no-eol-whitespace": true,
-//        "no-extra-semicolons": true,
+        "no-extra-semicolons": true,
         "no-invalid-double-slash-comments": true,
-//        "no-missing-end-of-source-newline": true,
+        "no-missing-end-of-source-newline": true,
         "no-unknown-animations": true,
         "number-leading-zero": "always",
         "number-max-precision": [3, { ignoreUnits: [ "%" ] }],
@@ -229,16 +229,16 @@ module.exports = {
         "scss/selector-no-redundant-nesting-selector": true,*/
         "selector-attribute-brackets-space-inside": "never",
         "selector-attribute-operator-blacklist": [],
-//        "selector-attribute-operator-space-after": "always",
-//        "selector-attribute-operator-space-before": "always",
+        "selector-attribute-operator-space-after": "never",
+        "selector-attribute-operator-space-before": "never",
         "selector-attribute-operator-whitelist": [
             "="
         ],
         "selector-attribute-quotes": "always",
         "selector-class-pattern": ".+",
         //"selector-combinator-blacklist": [],
-//        "selector-combinator-space-after": "always",
-//        "selector-combinator-space-before": "always",
+        "selector-combinator-space-after": "always",
+        "selector-combinator-space-before": "always",
         //"selector-combinator-whitelist": [],
         "selector-descendant-combinator-no-non-space": true,
         "selector-id-pattern": ".+",