From fe00fdd50683ac04b0dc061c465552914bc1aee5 Mon Sep 17 00:00:00 2001
From: Ramon Dias Ferreira <ramondf13@gmail.com>
Date: Wed, 18 Jan 2023 10:59:29 -0300
Subject: [PATCH] =?UTF-8?q?feat(main):=20classes=20e=20estiliza=C3=A7?=
 =?UTF-8?q?=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/main/Main.tsx |  9 +++++----
 src/styles/Main.module.scss  | 26 ++++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)
 create mode 100644 src/styles/Main.module.scss

diff --git a/src/components/main/Main.tsx b/src/components/main/Main.tsx
index 205429d..461d946 100644
--- a/src/components/main/Main.tsx
+++ b/src/components/main/Main.tsx
@@ -2,13 +2,14 @@ import React from 'react';
 import Institucional from '../../pages/institucional/Institucional';
 import Home from '../../assets/img/home.png'
 import Arrow from '../../assets/img/arrow-point-to-right.png'
+import styles from '../../styles/Main.module.scss'
 
 const Main = () => {
     return(
-        <div>
-            <div>
-                <img src={Home} alt='home'></img>
-                <img src={Arrow} alt='arrow'></img>
+        <div className={styles['container__main']}>
+            <div className={styles['main__route']}>
+                <img className={styles['main__home']} src={Home} alt='home'></img>
+                <img className={styles['main__arrow']} src={Arrow} alt='arrow'></img>
                 <p>Institucional</p>
             </div>
             <Institucional/>
diff --git a/src/styles/Main.module.scss b/src/styles/Main.module.scss
new file mode 100644
index 0000000..d9d9aec
--- /dev/null
+++ b/src/styles/Main.module.scss
@@ -0,0 +1,26 @@
+.main__route {
+	display: flex;
+	padding: 29px 100px;
+	width: 8%;
+	justify-content: space-around;
+	align-items: center;
+
+	.main__home {
+		width: 15.69%;
+		height: 16px;
+	}
+
+	.main__arrow {
+		width: 4.47%;
+		height: 8px;
+	}
+
+	p {
+		font-family: 'Roboto', sans-serif;
+		font-style: normal;
+		font-weight: 400;
+		font-size: 12px;
+		line-height: 14px;
+		color: #C4C4C4;
+	}
+}