Updated the color scheme of website to match portfolio website and added purged the css file to make it smaller.

README.md

@@ -107,20 +107,10 @@ The color scheme has been changing a lot recently.
 
 [Adobe Color Wheel](https://color.adobe.com/create/color-wheel/?copy=true&base=2&rule=Custom&selected=3&name=Copy%20of%20Site&mode=rgb&rgbvalues=0.231,0.325499999999957,0.42,0,0.7450980392156863,0.6980392156862745,0.10196078431372549,0.36470588235294116,0.38823529411764707,0.8235294117647058,0.7529411764705882,1,0.3165071770335184,0.24148325358851674,0.49&swatchOrder=0,1,2,3,4)
 
-Blue:
-- Primary: #3B536B
-- Secondary: #00BEB2
-
-Purple:
-- Primary: #513E7D
-- Secondary: #D2C0FF
-
-
-8767D1
-
-top blue: 3B536B
-Secondary Blue: 498FBE
-highlight blue: 18BC9C
+current:
+top 2C3E50
+secondary 498FBE
+highlight:00F0E1, 88BAFF
 
 
 ## Image Optimization

css/bootstrap.css

@@ -9594,8 +9594,8 @@ a:hover
 .list-group-item:hover, .list-group-item:focus {
     z-index: 1;
     text-decoration: none;
-    color: white;
-    background-color: #18BC9C;
+    color: #3E3F3A;
+    background-color: #88BAFF;
 }
 
 
@@ -9626,14 +9626,14 @@ a:hover
 }
 
 .btn-secondary:hover {
-    color: white;
-    background-color: #18BC9C;
+    color: #3E3F3A;
+    background-color: #88BAFF;
 }
 
 
 .bg-primary
 {
-    background-color: #3B536B !important;
+    background-color: #2C3E50 !important;
 }
 
 #mainNav
@@ -9641,8 +9641,8 @@ a:hover
     font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-weight: 700;
     text-transform: uppercase;
-    padding-top: 15px;
-    padding-bottom: 15px;
+    padding-top: 20px;
+    padding-bottom: 20px;
 }
 
 
@@ -9656,7 +9656,7 @@ a:hover
 }
 #mainNav .navbar-nav li.nav-item a.nav-link:hover
 {
-    color: #18BC9C;
+    color: #82E9FF;
     outline: none;
 }
 
@@ -9697,7 +9697,7 @@ footer h3
 footer .footer-above
 {
     padding-top: 50px;
-    background-color: #3B536B;
+    background-color: #2C3E50;
 }
 footer .footer-col
 {
@@ -9706,5 +9706,5 @@ footer .footer-col
 footer .footer-below
 {
     padding: 25px 0;
-    background-color: #3B536B;
+    background-color: #2C3E50;
 }

includes/header.html

@@ -8,8 +8,10 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
-    <!--<link rel="stylesheet" href="/css/purge.css" media="screen">-->
-    <link rel="stylesheet" href="/css/bootstrap.css" media="screen">
+    <link rel="stylesheet" href="/css/purge.css" media="screen">
+    <!--<link rel="stylesheet" href="/css/bootstrap.css" media="screen">-->
+    <link rel="stylesheet" href="/css/code.css" media="screen">
+
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.2.0/styles/default.min.css">