From b2422ea3564c2cac6565dee40b13d6e83beda44b Mon Sep 17 00:00:00 2001
From: IrynaSlavinska <133566139+IrynaSlavinska@users.noreply.github.com>
Date: Sun, 31 Dec 2023 16:41:05 +0200
Subject: [PATCH] update forms

---
 src/components/Layout/Layout.styled.jsx | 13 ++++++++++++-
 src/index.css                           |  2 ++
 src/pages/HomePage/HomePage.styled.jsx  | 15 +--------------
 3 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/components/Layout/Layout.styled.jsx b/src/components/Layout/Layout.styled.jsx
index 5dcadfd..039acae 100644
--- a/src/components/Layout/Layout.styled.jsx
+++ b/src/components/Layout/Layout.styled.jsx
@@ -34,5 +34,16 @@ export const StyledLink = styled(NavLink)`
 `;
 
 export const Main = styled.main`
-  padding: 32px;
+  background-image: url(https://images.pexels.com/photos/949587/pexels-photo-949587.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
+
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: cover;
+  margin: 0 auto;
+  max-width: 1400px;
+  height: 85vh;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
 `;
diff --git a/src/index.css b/src/index.css
index 02bf2fc..c4a5b68 100644
--- a/src/index.css
+++ b/src/index.css
@@ -68,5 +68,7 @@ body::-webkit-scrollbar-thumb {
   text-align: center;
   display: flex;
   justify-content: center;
+
   margin-bottom: 4px;
+  margin-top: 30px;
 }
diff --git a/src/pages/HomePage/HomePage.styled.jsx b/src/pages/HomePage/HomePage.styled.jsx
index 92fbcba..1da64ae 100644
--- a/src/pages/HomePage/HomePage.styled.jsx
+++ b/src/pages/HomePage/HomePage.styled.jsx
@@ -1,19 +1,6 @@
 import styled from '@emotion/styled';
 
-export const HomeContainer = styled.div`
-  background-image: url(https://images.pexels.com/photos/949587/pexels-photo-949587.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1);
-
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: cover;
-  margin: 0 auto;
-  max-width: 1400px;
-  height: 80vh;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`;
+export const HomeContainer = styled.div``;
 
 export const Title = styled.h1`
   font-size: 60px;