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,16 +44,18 @@
         </figure>
       </div>
       <section class="infocard">
-        <div>
+        <div class="infocard-title">
           <h2>Lorem ipsum</h2>
           <h1>dolor sit amet</h1>
+          <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.
+              Curabitur ut tortor sed lacus egestas vulputate vel sit amet
-            Nulla suscipit magna dui.
+              velit. Nulla suscipit magna dui.
             </p>
           </div>
+        </div>
         <figure>
           <img
             src="./assets/images/fxemoji_threenetworkedcomputers.svg"