finished pages
diff --git a/Components/Paragraph.js b/Components/Paragraph.js
index 4348296..c332832 100644
--- a/Components/Paragraph.js
+++ b/Components/Paragraph.js
@@ -3,7 +3,9 @@
 class Paragraph extends Component {
     render () {
         return (
-            <p style={{width: "100%", textAlign: "left", paddingLeft: "15%", paddingRight: "15%", fontSize: "120%"}}>{this.props.children}</p>
+            <p style={{width: "100%", textAlign: "left", paddingLeft: "15%", paddingRight: "15%", fontSize: "120%", color: "var(--card-text-color)"}}>
+                {this.props.children}
+            </p>
         );
     }
 }