📦 Updated

Author: CSFelix

assets/css/header.css

@@ -33,12 +33,12 @@ header nav #gitHubProfile:hover {
 	-webkit-filter: brightness(87%);
 }
 
-header nav ul {
+header nav #desktopMenu {
 	display: flex;
 	justify-content: center;
 }
 
-header nav ul > li {
+header nav #desktopMenu > li {
 	margin-right: 50px;
 	cursor:  pointer;
 
@@ -48,24 +48,24 @@ header nav ul > li {
   transition: all 0.3s ease;
 }
 
-header nav ul > li:hover {
+header nav #desktopMenu > li:hover {
 	-webkit-filter: brightness(87%);
 	border-bottom-style: solid;
 }
 
-header nav div a #sponsorBtn, header nav div #themeBtn {
+header nav #sponsorThemeBtn a #sponsorBtn, header nav #sponsorThemeBtn #themeBtn {
 	height: 35px;
 	border:  0;
 	border-radius: 5px;
 	cursor: pointer;
 	transition: -webkit-filter 0.3s ease;
 }
 
-header nav div a #sponsorBtn { width: 116px; }
-header nav div #themeBtn { width: 50px; }
+header nav #sponsorThemeBtn a #sponsorBtn { width: 116px; }
+header nav #sponsorThemeBtn #themeBtn { width: 50px; }
 
-header nav div a #sponsorBtn:hover,
-header nav div #themeBtn:hover
+header nav #sponsorThemeBtn a #sponsorBtn:hover,
+header nav #sponsorThemeBtn #themeBtn:hover
 { -webkit-filter: brightness(80%); }
 
 #titleAndSubtitle {
@@ -147,14 +147,16 @@ header nav div #themeBtn:hover
 */
 
 @media only screen and (max-width: 850px) {
-  header nav,
-  #titleAndSubtitle
+  header nav #sponsorThemeBtn,
+  header nav #desktopMenu
   { display:  none; }
 
   #mobileMenuToggle { display: inline-block; }
   #mobileMenu { display: inline-block; }
 }
 
 @media only screen and (max-width: 625px) {
+	header nav #gitHubProfile { display: none; }
+	#titleAndSubtitle { display: none; }
   #headerImg { content:url("../images/header-mobile.jpg"); }
 }

assets/css/scrollbar.css

@@ -3,21 +3,21 @@
 /* Track */
 ::-webkit-scrollbar-track {
 	background-color: #05031c;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
 }
 
 /* Handle */
 ::-webkit-scrollbar-thumb {
 	background-color: #7159c1;
-    -webkit-border-radius: 10px;
-    border-radius: 10px;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
 }
 
 ::-webkit-scrollbar-thumb:window-inactive {
-    background-color: rgba(255,0,0,0.4);
+  background-color: #7159c1;
 }
 
 @media only screen and (max-width: 850px) {