Leaderboard page completed

Author: raghusodani

src/components/leaderboard.css

@@ -4,16 +4,48 @@ html{
 }
 
 .table{
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    font-weight: 600;
     background-color: white;
-    border-color: red;
-    color: #082032;
+    border-color: #082032 !important;
+    color: #082032 !important;
+    border-radius: 30px;
+    margin-bottom: 80px;
 }
 thead{
-    height: 40px ;
+    height: 50px ;
+    font-size: 20px;
+    font-weight: 600;
 }
 .tableContainer{
     position: absolute;
-    width: 50%;
-    left: 266px;
-    top: 200px;
+    width: 80%;
+    left: 130px;
+    top: 366px;
+   
+}
+.ctfHeader{
+    position: absolute;
+    width: 187px;
+    height: 121px;
+    left: 40%;
+    top: 145px;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    font-size: 100px;
+    line-height: 120px;
+    color: #FFFFFF;
+}
+.leaderboardHeader{
+    position: absolute;
+    width: 261px;
+    height: 48px;
+    left: 38%;
+    top: 266px;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 40px;
+    line-height: 48px;
+
+    color: #FFFFFF;
 }

src/components/leaderboard.jsx

@@ -3,6 +3,26 @@ import "./leaderboard.css"
 export default function Leaderboard(){
     // data from ranking API
     const data = [
+        {
+            username:"Chad Amandeep",
+            level : 11,
+            points : 110
+        },
+        {
+            username:"Ajay Nath",
+            level : 5,
+            points : 50
+        },
+        {
+            username:"Patika",
+            level : 4,
+            points : 40
+        },
+        {
+            username:"KKJ the Almighty",
+            level : 1,
+            points : 0
+        },
         {
             username:"Chad Amandeep",
             level : 11,
@@ -37,6 +57,10 @@ export default function Leaderboard(){
 
     return (
         <div className="main">
+            <div className="ctfHeader">
+            CTF
+            </div>
+            <div className="leaderboardHeader">Leaderboard</div>
             <div className="tableContainer">
             <table className="table table-bordered  table-responsive">
                 <thead >