diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index 4aacee2..5b8551e 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -77,6 +77,11 @@ $primary: $red; // Default: $blue
   font-display: fallback;
 }
 
+::selection {
+  @extend .text-dark;
+  background-color: $red-200;
+}
+
 :target::before {
   content: "";
   display: block;
@@ -98,14 +103,16 @@ $primary: $red; // Default: $blue
 
 h1,
 h2 {
-  font-family: 'Century Gothic', var(--#{$prefix}font-sans-serif);
+  font-family: 'Century Gothic',
+  var(--#{$prefix}font-sans-serif);
 }
 
 h3,
 h4,
 h5,
 h6 {
-  font-family: 'Eras ITC', var(--#{$prefix}font-sans-serif);
+  font-family: 'Eras ITC',
+  var(--#{$prefix}font-sans-serif);
 }
 
 h1:hover .anchor-link,
@@ -160,7 +167,8 @@ body.is-scrolled .navbar {
 .nav-item,
 .nav-link {
   @extend .text-white;
-  font-family: 'Eras ITC', var(--#{$prefix}font-sans-serif);
+  font-family: 'Eras ITC',
+  var(--#{$prefix}font-sans-serif);
 }
 
 .navbar-nav .btn {