alignment and spacing

2 files changed, 12 insertions, 17 deletions

diff --git a/index.html b/index.html
index 1bee533..e170170 100755
--- a/index.html
+++ b/index.html
@@ -545,8 +545,7 @@
 
         <section id="faq">
             <h2 class="title">FAQ</h2>
-
-            <article class="edges">
+            <article class="faq-content edges">
                 <h3>Is this course capped?</h3>
                 <p>This year it is not capped. As of today, around 235 students have already been able to register on Courses @ Brown.</p>
 
diff --git a/styles.css b/styles.css
index aa8626c..b6cd371 100755
--- a/styles.css
+++ b/styles.css
@@ -67,17 +67,15 @@ section:nth-child(odd) {
 
 .title, .title-info-flex, .edges{
     text-align: left;
-    padding: 0 8rem;
+    padding: 0 12rem;
 }
 
 .title {
     color: var(--accent-color);
 }
 
-
 h2 {
-    text-align: center;
-    font-size: 2rem;
+    font-size: 2.5rem;
 }
 
 strong {
@@ -295,11 +293,9 @@ title area (animated text and connie's 3d model)
 
 
 .course-title-wrapper {
-    margin-top: .5rem;
+    margin-top: 1rem;
     display: flex;
     flex-direction: column;
-    justify-content: center;
-    padding-left: 10px;
 }
 
 
@@ -413,7 +409,7 @@ full menu & ta_calendar
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin: 2rem 8rem;
+    margin: 2rem 12rem;
 }
 
 .important-note > p {
@@ -475,7 +471,7 @@ convenience for helpful links
     align-items: start;
     justify-content: space-between;
     margin: 1rem auto 0 auto;
-    padding: 0 8rem;
+    padding: 0 12rem;
 }
 
 .helpful-link {
@@ -652,7 +648,7 @@ staff area
 faq area
  */
 
-#faq h3 {
+#faq h3, #faq h2 {
     padding-top: 1rem;
     line-height: 1.2;
     color: var(--accent-color);
@@ -662,13 +658,13 @@ faq area
     color: var(--second-accent-color);
 }
 
-#faq h4 {
-    font-weight: 400;
-    filter: opacity(0.5);
-}
-
 #faq {
     padding-bottom: 1rem;
+    align-items: center;
+}
+
+.faq-content {
+    max-width: 60%;
 }
 
 footer {