Change style applying position

pages/components/Layout.js

@@ -27,12 +27,6 @@ const Layout = (props) => {
         <div className="page-main">
           {children}
         </div>
-      
-      <style jsx global>{`
-        body {
-            text-align: center;
-        }
-      `}</style>
       <Footer />
       </main>
     </div>

pages/index.js

@@ -18,7 +18,7 @@ export default function Index(props) {
   return (
 
     <Layout title={home}>
-      <div className="my-9">
+      <div className="my-9 text-center">
         <div className="m-10">
         <Image
             src         = "/static/images/avatar.png"