updated css class name in about

Author: Ciphrox

src/assets/styles/about.css

@@ -1,10 +1,5 @@
-@import url("./common.css");
-
-.about-main {
-  display: block;
-}
-
 .container__about {
+  display: block;
   padding: 1rem;
 
   > .moto {

src/pages/about.astro

@@ -12,15 +12,13 @@ import BaseLayout from "@/layouts/Base";
     />
   </Fragment>
 
-  <main class="about-main">
-    <div class="container__about">
-      <section class="moto">
-        <p>This is my initial version to make interactive games for kids</p>
-        <p>
-          Inspiration behind these games are to take kids away from smartphone and close to keyboard which will help in
-          their future building also.
-        </p>
-      </section>
-    </div>
-  </main>
+  <article class="container__about">
+    <section class="moto">
+      <p>This is my initial version to make interactive games for kids</p>
+      <p>
+        Inspiration behind these games are to take kids away from smartphone and close to keyboard which will help in
+        their future building also.
+      </p>
+    </section>
+  </article>
 </BaseLayout>