diff --git a/_scss/main.scss b/_scss/main.scss
index 26e258e..2b09f60 100644
--- a/_scss/main.scss
+++ b/_scss/main.scss
@@ -23,6 +23,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+::selection {
+  background: $midpointBlue;
+}
+
 html,
 body {
   margin: 0;
diff --git a/_scss/partials/_variables.scss b/_scss/partials/_variables.scss
index 3572c69..b508770 100644
--- a/_scss/partials/_variables.scss
+++ b/_scss/partials/_variables.scss
@@ -14,6 +14,7 @@ $blue: #00b7c7;
 $blueRGBA: rgba(0, 183, 199, 0.7);
 $purple: #4d0ce8;
 $purpleRGBA: rgba(77, 12, 232, 0.7);
+$midpointBlue: #2762D8;
 $overlayOpacity: 0.61;
 // Fonts
 $Chronicle: 'Chronicle Display Bold';
diff --git a/css/main.css b/css/main.css
index e961d77..6854086 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1770,6 +1770,12 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
+::-moz-selection {
+  background: #2762D8; }
+
+::selection {
+  background: #2762D8; }
+
 html,
 body {
   margin: 0;