centered the sunflower decoration on home page it was pissing me off

package.json

···
     "build": "astro build",
     "preview": "astro preview",
     "astro": "astro",
-    "cleanup": "prettier . --write"
+    "cleanup": "prettier . --write --check"
   },
   "dependencies": {
     "@astrojs/rss": "^4.0.13",

src/pages/home.astro

···
       </a>
     </header>
     <main class="grid">
-      <div class="bwbox center hidedeco">
+      <div class="bwbox flex flexcenter hidedeco">
         <img src="/img/sprites/sunfl1.png" alt="" />
       </div>
       <div id="blog" class="bwbox">

src/styles/main.css

···
   flex-wrap: wrap;
 }
 
+.flexcenter {
+  justify-content: center;
+  align-items: center;
+}
+
 .barcodetext {
   font-family: barcodetext;
 }