From c5fbfee7979ff9a62e162a34321ed6012dff00e6 Mon Sep 17 00:00:00 2001
From: EOussama <oussama_gtacj@live.fr>
Date: Fri, 12 Jan 2024 23:37:05 +0100
Subject: [PATCH] Title

---
 src/styles/card.css | 24 ++++++++++++++++++++++++
 src/styles/main.css | 33 +++++++++++++++++++++++++++++++--
 2 files changed, 55 insertions(+), 2 deletions(-)

diff --git a/src/styles/card.css b/src/styles/card.css
index a708549..3670f2e 100644
--- a/src/styles/card.css
+++ b/src/styles/card.css
@@ -62,4 +62,28 @@
 
   opacity: 0.7;
   filter: brightness(0);
+}
+
+.card.card-cust .title {
+  color: #7c80b6;
+  font-weight: bold;
+
+  display: inline-block;
+  border-bottom: 5px solid #ced0ff;
+
+  margin-bottom: 12px;
+  padding-bottom: 12px;
+}
+
+.card.card-cust.card-cust--title p {
+  color: #656894;
+}
+
+.card.card-cust.card-cust--title p span {
+  border-radius: 6px;
+  background-color: #dadbff;
+
+  padding: 2px 6px;
+
+  font-weight: bold;
 }
\ No newline at end of file
diff --git a/src/styles/main.css b/src/styles/main.css
index 44bba1b..7f89a54 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -2,9 +2,38 @@ body {
   background-color: #f0f0ff;
 }
 
-/* .container {
+a {
   position: relative;
-} */
+  display: inline-block;
+
+  padding: 0 5px;
+
+  color: #656894;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+a::before {
+  content: '';
+  z-index: -1;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  width: 0;
+  height: 100%;
+
+  border-radius: 6px;
+  background-color: #d3d6ff;
+
+  transition-duration: 0.2s;
+  transition-property: width;
+}
+
+a:hover::before {
+  width: 100%;
+}
 
 *::selection {
   background-color: #d3d6ff;