ok

src/components/ButtonWithReplica.css

@@ -9,7 +9,7 @@
   position: relative;
   z-index: 201; /* Make sure the button is above the replica */
 
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 70%; /* Adjusted for better readability */
@@ -125,7 +125,7 @@
 
 .ClaimButton.active {
   visibility: visible;
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 70%; /* Adjusted for better readability */

src/components/Header.js

@@ -17,7 +17,7 @@ const HeaderBar = styled.div`
 
 const Title = styled.h2`
   margin: 0;
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size:${(props) => (props.HeaderSize)};
@@ -26,7 +26,7 @@ const Title = styled.h2`
 
 const ProfileName = styled.h2`
   position: absolute;
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 30px;
@@ -197,7 +197,7 @@ const Child = styled.div`
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   padding-left: 5px;
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 500;
   font-style: normal;
 

src/components/Item.module.css

@@ -96,7 +96,7 @@
 }
 
 .itemName {
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-style: normal;
   width: calc(100% - 15px); /* Adjust the width to prevent overflow */
   font-size: 1.4rem;
@@ -124,7 +124,7 @@
 }
 
 .itemPrice {
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-style: normal;
   font-weight: 600;
   width: calc(100% - 15px); /* Adjust the width to prevent overflow */
@@ -136,7 +136,7 @@
 }
 
 .itemPriceInvoice {
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-style: normal;
   font-weight: 600;
   width: calc(100% - 15px); /* Adjust the width to prevent overflow */
@@ -158,7 +158,7 @@
 }
 
 .itemQtyValue {
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-style: normal;
   font-weight: 600;
   margin-top: 19px;
@@ -169,7 +169,7 @@
 }
 
 .itemQtyInput {
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-style: normal;
   font-weight: 600;
   width: 30px; /* Adjust the width to prevent overflow */

src/components/ItemLister.module.css

@@ -35,7 +35,7 @@
 
 .title {
   background-color: transparent;
-    font-family: "Poppins", sans-serif;
+    font-family: "Plus Jakarta Sans", sans-serif;
     font-weight: 500;
     font-style: normal;
     font-size: 20px;
@@ -119,7 +119,7 @@
   justify-content: space-between;
   width: 80vw;
   margin: 0 auto;
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size: 1.5em;
@@ -131,7 +131,7 @@
   justify-content: space-between;
   width: 80vw;
   margin: 0 auto;
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 600;
   font-style: normal;
   font-size: 0.9em;
@@ -139,7 +139,7 @@
   margin-bottom: 17px;
 }
 .PayButton {
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 32px;

src/components/ItemType.module.css

@@ -43,7 +43,7 @@
 }
 
 .item-type-name {
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-weight: 500;
   font-style: normal;
   font-size: 14px;

src/components/ItemTypeLister.css

@@ -56,7 +56,7 @@
   align-self: center; /* Center the button horizontally */
 }
 .item-type-name {
-  font-family: "Poppins", sans-serif;
+  font-family: "Plus Jakarta Sans", sans-serif;
   font-style: normal;
   height: 20vw;
   font-size: 1.5rem;