From cc26f68097bd137bea1f62a9eba566844b1cb069 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Fri, 6 Oct 2023 14:25:55 +0330
Subject: [PATCH] style: change spacing

---
 src/components/category/category.module.css |  4 ++++
 src/components/hero/hero.module.css         |  2 +-
 src/components/sound/sound.module.css       |  2 +-
 src/pages/index.astro                       | 12 ++++++++++--
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/category/category.module.css b/src/components/category/category.module.css
index ddc4c62..d46fed3 100644
--- a/src/components/category/category.module.css
+++ b/src/components/category/category.module.css
@@ -1,4 +1,8 @@
 .category {
+  &:not(:last-of-type) {
+    margin-bottom: 20px;
+  }
+
   & .iconContainer {
     display: flex;
     flex-direction: column;
diff --git a/src/components/hero/hero.module.css b/src/components/hero/hero.module.css
index dae768c..8e65135 100644
--- a/src/components/hero/hero.module.css
+++ b/src/components/hero/hero.module.css
@@ -1,5 +1,5 @@
 .hero {
-  padding: 100px 0 10px;
+  padding: 100px 0 20px;
   text-align: center;
 
   & .logo {
diff --git a/src/components/sound/sound.module.css b/src/components/sound/sound.module.css
index a46ff76..01b562d 100644
--- a/src/components/sound/sound.module.css
+++ b/src/components/sound/sound.module.css
@@ -32,7 +32,7 @@
 
   & h3 {
     font-family: var(--font-heading);
-    font-size: 15px;
+    font-size: var(--font-sm);
     font-weight: 600;
     line-height: 1.6;
   }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2cebee4..81499b7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -8,6 +8,14 @@ import sounds from '@/data/sounds.json';
 ---
 
 <Layout title="Welcome to Astro.">
-  <Hero />
-  <Categories client:load sounds={sounds.sounds} />
+  <main>
+    <Hero />
+    <Categories client:load sounds={sounds.sounds} />
+  </main>
 </Layout>
+
+<style>
+  main {
+    padding-bottom: 100px;
+  }
+</style>