Code review fixes

components/About.module.css

@@ -1,14 +1,11 @@
 .aboutWrapper {
   position: relative;
-  flex-direction: column;
   width: 90%;
 }
 
 .about {
-  width: 90%;
   display: flex;
   flex-direction: row;
-  background-color: var(--primary-background);
   padding: calc(45rem / 16);
 }
 
@@ -29,8 +26,12 @@
   margin: 0;
 }
 
-.about p {
-  color: var(--secondary-text)
+.about aside p {
+  color: var(--primary-accent-light)
+}
+
+.about article p {
+  color: var(--primary-text);
 }
 
 .angle {
@@ -42,7 +43,7 @@
 }
 
 .anglePath {
-  stroke: var(--primary-text)
+  stroke: var(--primary-accent)
 }
 
 .left.angle {

pages/_app.css

@@ -23,7 +23,6 @@ body {
   --light--secondary-accent-light: #FEA0C8;
   --light--primary-heading: #D02B53;
   --light--primary-text: #483B35;
-  --light--secondary-text: var(--pink);
   --light--link: var(--orange);
   --light--link-hover: #FFBC9F;
   --light--card-background: #FFFFFF;
@@ -59,7 +58,6 @@ body {
   --link: var(--dark--link);
   --link-hover: var(--dark--link-hover);
   --primary-text: var(--dark--primary-text);
-  --secondary-text: var(--dark--secondary-text);
   --card-background: var(--dark--card-background);
   --label: var(--dark--label);
 
@@ -107,7 +105,6 @@ a:hover {
     --link: var(--dark--link);
     --link-hover: var(--dark--link-hover);
     --primary-text: var(--dark--primary-text);
-    --secondary-text: var(--dark--secondary-text);
     --card-background: var(--dark--card-background);
     --label: var(--dark--label);
   }