refactor: ajusta alinhamento parágrafo infocard

assets/styles/styles.css

@@ -36,30 +36,36 @@ header {
   width: 100%;
 }
 
-.infocard div {
+.infocard-title {
   display: flex;
   flex-direction: column;
+  align-items: center;
   margin: 74px 0;
   width: 80%;
 }
 
 .infocard h2 {
-  text-align: center;
   font-size: 32px;
   line-height: 39px;
   text-transform: uppercase;
 }
 
 .infocard h1 {
-  text-align: center;
   font-weight: 500;
   font-size: 48px;
   line-height: 58px;
   text-transform: uppercase;
 }
 
+.infocard-paragraph {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+
 .infocard p {
-  text-align: center;
+  display: flex;
+  justify-content: center;
   font-size: 16px;
   line-height: 24px;
   margin-top: 28px;

index.html

@@ -44,15 +44,17 @@
         </figure>
       </div>
       <section class="infocard">
-        <div>
+        <div class="infocard-title">
           <h2>Lorem ipsum</h2>
           <h1>dolor sit amet</h1>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
-            euismod enim non dui fringilla interdum. <br />
-            Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit.
-            Nulla suscipit magna dui.
-          </p>
+          <div class="infocard-paragraph">
+            <p>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras
+              euismod enim non dui fringilla interdum. <br />
+              Curabitur ut tortor sed lacus egestas vulputate vel sit amet
+              velit. Nulla suscipit magna dui.
+            </p>
+          </div>
         </div>
         <figure>
           <img