From 8078f5122737ac7d68b7497c4ec6af781329ccc3 Mon Sep 17 00:00:00 2001
From: Tania Rascia <hello@taniarascia.com>
Date: Sat, 2 Jul 2022 22:12:30 -0500
Subject: [PATCH] Circles

---
 src/pages/index.js    | 2 +-
 src/styles/layout.css | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 6fa6bff23..a668e82e3 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -35,7 +35,7 @@ export default function Index({ data }) {
             This is my digital garden. 🌱
           </p>
         </Hero>
-        <div>
+        <div className="decoration">
           <div className="circles">
             <div className="circle rainbow-1" />
             <div className="circle rainbow-2" />
diff --git a/src/styles/layout.css b/src/styles/layout.css
index d8d7f3313..8a3056377 100644
--- a/src/styles/layout.css
+++ b/src/styles/layout.css
@@ -17,10 +17,14 @@ main {
   .hero-container {
     display: flex;
     align-items: center;
-    gap: 1rem;
+    gap: 3rem;
   }
 }
 
+.decoration {
+  width: 60%;
+}
+
 .hero {
   padding: 1.5rem 0 0;
   position: relative;