diff --git a/challenges/order_summary_component/index.html b/challenges/order_summary_component/index.html
index 695ff659..faaa6c61 100644
--- a/challenges/order_summary_component/index.html
+++ b/challenges/order_summary_component/index.html
@@ -28,51 +28,57 @@
-
+
-
+
-
+
Order Summary
-
+
You can now listen to millions of songs, audiobooks, and podcasts
on any device anywhere you like!
-
-
-
-
- Annual Plan
- $59.99/year
-
-
-
Change
-
-
+
Proceed to Payment
-
+
+
+
+
diff --git a/challenges/order_summary_component/style.css b/challenges/order_summary_component/style.css
index b5c61c95..42a1de16 100644
--- a/challenges/order_summary_component/style.css
+++ b/challenges/order_summary_component/style.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Kumbh+Sans:wght@400;700&family=Manrope:wght@600;800&family=Outfit:wght@400;700&family=Overpass:wght@300;600&family=Red+Hat+Display:wght@500;700;800&family=Ubuntu:ital,wght@0,700;1,400&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
diff --git a/challenges/order_summary_component/tailwind.config.js b/challenges/order_summary_component/tailwind.config.js
index fa48bfb7..4d798585 100644
--- a/challenges/order_summary_component/tailwind.config.js
+++ b/challenges/order_summary_component/tailwind.config.js
@@ -11,6 +11,9 @@ module.exports = {
'desaturated-blue': 'hsl(224, 23%, 55%)',
'dark-blue': 'hsl(223, 47%, 23%)',
},
+ fontFamily: {
+ 'red-hat': ['Red Hat Display', 'sans-serif'],
+ },
},
},
plugins: [],