Added routes, enrollment, update component

2 files changed, 15 insertions, 3 deletions

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;
+}