style: center logo

src/pages/index.tsx

@@ -11,12 +11,14 @@ const Home = () => {
       </div>
       <div className={styles.wrapper}>
         <main className={styles.container}>
-          <Image
-            src="/codecircles.webp"
-            alt="Anonymous Overflow"
-            width={200}
-            height={200}
-          />
+          <div className={styles.brandingContainer}>
+            <Image
+              src="/codecircles.webp"
+              alt="Anonymous Overflow"
+              width={200}
+              height={200}
+            />
+          </div>
           <div style={{ margin: "5rem 0" }} />
           <InstancesSection />
         </main>

src/styles/Home.module.scss

@@ -19,6 +19,12 @@
         position: relative;
         color: white;
 
+        .brandingContainer {
+            width: 100%;
+            display: flex;
+            justify-content: center;
+        }
+
         h1 {
             text-align: center;
         }