Update social button highlight colors

Simplify JS

css/style.css

@@ -98,27 +98,33 @@ ul.buttons li {
 }
 
 .button-youtube:hover {
-  text-shadow: 0px 0px 5px #fff,
-    -3px -3px 7px #ff0000,
-    -3px 3px 7px #ff0000,
-    3px -3px 7px #ff0000,
-    3px 3px 7px #ff0000;
+  color: #ff0000;
+  text-shadow:
+    -3px -3px 5px #fff,
+    -3px 3px 5px #fff,
+    3px -3px 5px #fff,
+    3px 3px 5px #fff,
+    0px 0px 7px #ff0000;
 }
 
 .button-instagram:hover {
-  text-shadow: 0px 0px 5px #fff,
-    -3px -3px 7px #5851db,
-    -3px 3px 7px #fd1d1d,
-    3px -3px 7px #c13584,
-    3px 3px 7px #ffdc80;
+  color: #c13584;
+  text-shadow:
+    -3px -3px 5px #fff,
+    -3px 3px 5px #fff,
+    3px -3px 5px #fff,
+    3px 3px 5px #fff,
+    0px 0px 7px #5851db;
 }
 
 .button-twitter:hover {
-  text-shadow: 0px 0px 5px #fff,
-    -3px -3px 7px #1da1f2,
-    -3px 3px 7px #1da1f2,
-    3px -3px 7px #1da1f2,
-    3px 3px 7px #1da1f2;
+  color: #1da1f2;
+  text-shadow:
+    -3px -3px 5px #fff,
+    -3px 3px 5px #fff,
+    3px -3px 5px #fff,
+    3px 3px 5px #fff,
+    0px 0px 7px #f77737;
 }
 
 .footer {

js/custom.js

@@ -27,6 +27,7 @@ function selectBackground() {
 
 
 function setBackground() {
-  let ref = document.getElementById("background-image");
-  ref.style.backgroundImage = "url(" + selectBackground() + ")";
+  document.getElementById(
+    "background-image"
+  ).style.backgroundImage = "url(" + selectBackground() + ")";
 }