From dd385ad05b9116330096f4de008a23dbad0ddef3 Mon Sep 17 00:00:00 2001
From: Kerollmops <clement@meilisearch.com>
Date: Tue, 14 Jul 2020 11:03:21 +0200
Subject: [PATCH] Customize the mark tag css

---
 public/style.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/public/style.css b/public/style.css
index edbae8d82..feecea4be 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1,9 +1,3 @@
-em {
-  color: hsl(204, 86%, 25%);
-  font-style: inherit;
-  background-color: hsl(204, 86%, 88%);
-}
-
 #results {
   max-width: 900px;
   margin: 20px auto 0 auto;
@@ -69,6 +63,11 @@ em {
   color: rgba(0,0,0,.9);
 }
 
+.content mark {
+  background-color: hsl(204, 86%, 88%);
+  color: hsl(204, 86%, 25%);
+}
+
 @keyframes fadeInOut {
   0% { opacity: 1; }
   30% { opacity: 0.3; }
@@ -96,4 +95,9 @@ em {
   .content {
     color: #dbdbdb;
   }
+
+  .content mark {
+    background-color: hsl(0, 0%, 35%);
+    color: hsl(0,0%,90.2%);
+  }
 }