From a574ddfda9d7ce7c5266d1f99acf351546f8857e Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Tue, 19 Jul 2022 13:47:16 +0530
Subject: Added routes, enrollment, update component

---
 src/components/Header/Header.jsx        |  4 ++--
 src/components/Header/Header.module.css | 14 +++++++++++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

(limited to 'src/components/Header')

diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
index 0cbe47f..d90aafe 100644
--- a/src/components/Header/Header.jsx
+++ b/src/components/Header/Header.jsx
@@ -4,8 +4,8 @@ import styles from './Header.module.css'
 const Header = ({ subheading }) => {
   return (
     <header className={styles.header}>
-      <h1>AADHAAR</h1>
-      <h3>{subheading}</h3>
+      <h1 className={styles.header__heading}>AADHAAR</h1>
+      <h3 className={styles.header__subheading}>{subheading}</h3>
     </header>
   )
 }
diff --git a/src/components/Header/Header.module.css b/src/components/Header/Header.module.css
index b30d5b7..8e6084f 100644
--- a/src/components/Header/Header.module.css
+++ b/src/components/Header/Header.module.css
@@ -1,8 +1,20 @@
+@import '../../styles/GlobalVariables.css';
+
 .header {
-  font-family: "Fredoka One", cursive;
+  font-family: 'Fredoka One', cursive;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin: 20px;
   padding: 20px;
 }
+
+.header__heading {
+  font-size: var(--font-large);
+  font-weight: 400;
+}
+
+.header__subheading {
+  font-size: var(--font-medium);
+  font-weight: 400;
+}
-- 
cgit