From cc2f53a1d10706323203d8c97b296afe2cf3f93f Mon Sep 17 00:00:00 2001
From: Ethan Paul <24588726+enpaul@users.noreply.github.com>
Date: Fri, 11 Dec 2020 01:18:15 -0500
Subject: [PATCH] Update social button highlight colors

Simplify JS
---
 css/style.css | 36 +++++++++++++++++++++---------------
 js/custom.js  |  5 +++--
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/css/style.css b/css/style.css
index eb168a7..7d01a35 100644
--- a/css/style.css
+++ b/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 {
diff --git a/js/custom.js b/js/custom.js
index d1ba860..557dd46 100644
--- a/js/custom.js
+++ b/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() + ")";
 }