From 3c4c81f33aea7fc26a938e83ee31b71a4790bf42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fede=20=C3=81lvarez?= <fedealvarezcampos@gmail.com>
Date: Thu, 16 Jun 2022 22:38:20 +0200
Subject: [PATCH] Adjust heros, reduce noise

---
 src/components/common/noise/index.tsx                       | 2 +-
 .../common/noise/{noise.module.css => noise.module.scss}    | 6 ++++++
 src/components/sections/about/hero/hero.module.scss         | 2 +-
 3 files changed, 8 insertions(+), 2 deletions(-)
 rename src/components/common/noise/{noise.module.css => noise.module.scss} (93%)

diff --git a/src/components/common/noise/index.tsx b/src/components/common/noise/index.tsx
index 7b8b4a6..f771aa3 100644
--- a/src/components/common/noise/index.tsx
+++ b/src/components/common/noise/index.tsx
@@ -1,4 +1,4 @@
-import s from './noise.module.css'
+import s from './noise.module.scss'
 
 export const Noise = () => {
   return (
diff --git a/src/components/common/noise/noise.module.css b/src/components/common/noise/noise.module.scss
similarity index 93%
rename from src/components/common/noise/noise.module.css
rename to src/components/common/noise/noise.module.scss
index cf7898c..eb95109 100644
--- a/src/components/common/noise/noise.module.css
+++ b/src/components/common/noise/noise.module.scss
@@ -12,6 +12,12 @@
   animation: grain 6s steps(10) infinite;
 }
 
+[data-theme='light'] {
+  .noise {
+    opacity: 35%;
+  }
+}
+
 @keyframes grain {
   0% {
     transform: translate(20%, -15%);
diff --git a/src/components/sections/about/hero/hero.module.scss b/src/components/sections/about/hero/hero.module.scss
index cbd5b73..06d61c2 100644
--- a/src/components/sections/about/hero/hero.module.scss
+++ b/src/components/sections/about/hero/hero.module.scss
@@ -89,7 +89,7 @@
   display: flex;
   flex-direction: column;
   margin-top: tovw(26px, 'default', 26px);
-  gap: tovw(89px, 'default', 56px);
+  gap: tovw(65px, 'default', 56px);
 
   .header {
     @include respond-to('mobile') {