updated pages

pages/demographics.tsx

@@ -68,7 +68,11 @@ export default function Demographics() {
 
       <ComponentWrapper heading="Please indicate the pronouns that you use.">
         <div className={styles.graphContainer}>
-          <PieChart data={D3} {...pieChartProps(isMobile, pageWidth)} />
+          <PieChart
+            data={D3}
+            {...pieChartProps(isMobile, pageWidth)}
+            labelTextSize={20}
+          />
         </div>
       </ComponentWrapper>
 

pages/friends.tsx

@@ -55,6 +55,7 @@ export default function Demographics() {
         heading="Rate how social you are."
         bodyText="Looks like most people consider themselves to be in the middle."
         align="center"
+        noBackground
       >
         <BarGraphVertical
           data={F1}

pages/miscellaneous.tsx

@@ -107,6 +107,7 @@ export default function Demographics() {
         heading="In what areas have you grown that are unrelated to CS?"
         bodyText="University is an unforgettable, life-changing, and learning experience that we only get once in a lifetime! Make the most out of it! :)"
         align="center"
+        noBackground
       >
         <WordCloud
           data={M7}