diff --git a/.editorconfig b/.editorconfig
deleted file mode 100644
index dad6b58..0000000
--- a/.editorconfig
+++ /dev/null
@@ -1,11 +0,0 @@
-# editorconfig.org
-
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
\ No newline at end of file
diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml
old mode 100644
new mode 100755
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
old mode 100644
new mode 100755
diff --git a/.gitignore b/.gitignore
old mode 100644
new mode 100755
diff --git a/.prettierrc b/.prettierrc
new file mode 100755
index 0000000..9fb01bb
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "bracketSameLine": false,
+  "bracketSpacing": true,
+  "embeddedLanguageFormatting": "auto",
+  "printWidth": 120,
+  "tabWidth": 2
+}
diff --git a/README.md b/README.md
old mode 100644
new mode 100755
diff --git a/package-lock.json b/package-lock.json
old mode 100644
new mode 100755
diff --git a/package.json b/package.json
old mode 100644
new mode 100755
diff --git a/src/assets/images/avatar-1.png b/src/assets/images/avatar-1.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/avatar-2.png b/src/assets/images/avatar-2.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/avatar-3.png b/src/assets/images/avatar-3.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/avatar-4.png b/src/assets/images/avatar-4.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/conversation.png b/src/assets/images/conversation.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/facebook.svg b/src/assets/images/facebook.svg
old mode 100644
new mode 100755
diff --git a/src/assets/images/header-image.png b/src/assets/images/header-image.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/instagram.svg b/src/assets/images/instagram.svg
old mode 100644
new mode 100755
diff --git a/src/assets/images/logo-1.png b/src/assets/images/logo-1.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/logo-2.png b/src/assets/images/logo-2.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/logo-3.png b/src/assets/images/logo-3.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/logo-4.png b/src/assets/images/logo-4.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/logo-5.png b/src/assets/images/logo-5.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg
old mode 100644
new mode 100755
diff --git a/src/assets/images/pinterest.svg b/src/assets/images/pinterest.svg
old mode 100644
new mode 100755
diff --git a/src/assets/images/security.png b/src/assets/images/security.png
old mode 100644
new mode 100755
diff --git a/src/assets/images/tiktok.svg b/src/assets/images/tiktok.svg
old mode 100644
new mode 100755
diff --git a/src/assets/images/twitter.svg b/src/assets/images/twitter.svg
old mode 100644
new mode 100755
diff --git a/src/assets/images/wechat.svg b/src/assets/images/wechat.svg
old mode 100644
new mode 100755
diff --git a/src/assets/images/youtube.svg b/src/assets/images/youtube.svg
old mode 100644
new mode 100755
diff --git a/src/font/CrimsonText-700.ttf b/src/fonts/CrimsonText-700.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from src/font/CrimsonText-700.ttf
rename to src/fonts/CrimsonText-700.ttf
diff --git a/src/font/CrimsonText-Regular.ttf b/src/fonts/CrimsonText-Regular.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from src/font/CrimsonText-Regular.ttf
rename to src/fonts/CrimsonText-Regular.ttf
diff --git a/src/font/WorkSans-500.ttf b/src/fonts/WorkSans-500.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from src/font/WorkSans-500.ttf
rename to src/fonts/WorkSans-500.ttf
diff --git a/src/font/WorkSans-700.ttf b/src/fonts/WorkSans-700.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from src/font/WorkSans-700.ttf
rename to src/fonts/WorkSans-700.ttf
diff --git a/src/font/WorkSans-Regular.ttf b/src/fonts/WorkSans-Regular.ttf
old mode 100644
new mode 100755
similarity index 100%
rename from src/font/WorkSans-Regular.ttf
rename to src/fonts/WorkSans-Regular.ttf
diff --git a/src/index.html b/src/index.html
old mode 100644
new mode 100755
index 298d6cb..ac32a17
--- a/src/index.html
+++ b/src/index.html
@@ -4,318 +4,214 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Practice 01</title>
-    <link rel="stylesheet" href="./style/base/reset.css" />
-    <link rel="stylesheet" href="./style/main.css" />
+    <link rel="stylesheet" href="./styles/bases/reset.css" />
+    <link rel="stylesheet" href="./styles/main.css" />
   </head>
 
   <body>
-    <div class="wrapper">
-      <div class="background">
-        <!-- Header -->
-        <div class="width-container">
-          <header>
-            <div class="container divide-content-center text text--md">
-              <img src="./assets/images/logo.svg" alt="" class="logo" />
-              <nav class="nav">
-                <ul class="nav__lists d-flex justify-content-between">
-                  <li class="nav__item">
-                    <a href="javascript:void(0)" class="nav__item-link">Home</a>
-                  </li>
-                  <li class="nav__item">
-                    <a href="javascript:void(0)" class="nav__item-link"
-                      >Portfolio</a
-                    >
-                  </li>
-                  <li class="nav__item">
-                    <a href="javascript:void(0)" class="nav__item-link"
-                      >Services</a
-                    >
-                  </li>
-                  <li class="nav__item">
-                    <a href="javascript:void(0)" class="nav__item-link"
-                      >Contact</a
-                    >
-                  </li>
-                </ul>
-              </nav>
-            </div>
-          </header>
-
-          <!-- Welcome section -->
-          <section class="welcome d-flex align-item-center">
-            <div class="welcome__content d-flex flex-column">
-              <span class="welcome__title text--bold">Welcome</span>
-              <h1 class="welcome__heading text--secondary">
-                Lorem ipsum dolor sit amet consectetur
-              </h1>
-              <p class="welcome__description text text--sm">
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-                Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
-                error ipsum, voluptate culpa nesciunt delectus iste?
-              </p>
-              <a href="javascript:void(0)" class="btn btn-primary text"
-                >Explore</a
-              >
-            </div>
-            <img
-              src="./assets/images/header-image.png"
-              alt="Header Image"
-              class="welcome__image"
-            />
-          </section>
-        </div>
-      </div>
-
+    <div class="background">
+      <!-- Header -->
       <div class="width-container">
-        <!-- Sponsor section -->
-        <section class="sponsor">
-          <div class="sponsor__container align-center">
-            <div class="sponsor__content align-center">
-              <span class="sponsor__title text--bold text--title"
-                >Partners</span
-              >
-              <h2 class="sponsor__heading text--secondary text--lg">
-                Lorem Ipsum Dolor
-              </h2>
-              <p class="sponsor__description text">
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-              </p>
-            </div>
-
-            <!-- Logo items -->
-            <ul class="sponsor__logos d-flex">
-              <li class="sponsor__logo-item">
-                <img src="./assets/images/logo-1.png" alt="Logo Sponsor" />
-              </li>
-              <li class="sponsor__logo-item">
-                <img src="./assets/images/logo-2.png" alt="Logo Sponsor" />
-              </li>
-              <li class="sponsor__logo-item">
-                <img src="./assets/images/logo-3.png" alt="Logo Sponsor" />
-              </li>
-              <li class="sponsor__logo-item">
-                <img src="./assets/images/logo-4.png" alt="Logo Sponsor" />
-              </li>
-              <li class="sponsor__logo-item">
-                <img src="./assets/images/logo-5.png" alt="Logo Sponsor" />
-              </li>
-            </ul>
-            <a href="javascript:void(0)" class="btn btn-secondary text"
-              >Learn More</a
-            >
+        <header class="header">
+          <div class="container divide-content-center text text--md">
+            <a href="https://google.com" class="logo-link"
+              ><img src="./assets/images/logo.svg" alt="" class="logo"
+            /></a>
+            <nav class="nav">
+              <ul class="nav__lists d-flex justify-content-between">
+                <li class="nav__item">
+                  <a href="javascript:void(0)" class="nav__item-link">Home</a>
+                </li>
+                <li class="nav__item">
+                  <a href="javascript:void(0)" class="nav__item-link">Portfolio</a>
+                </li>
+                <li class="nav__item">
+                  <a href="javascript:void(0)" class="nav__item-link">Services</a>
+                </li>
+                <li class="nav__item">
+                  <a href="javascript:void(0)" class="nav__item-link">Contact</a>
+                </li>
+              </ul>
+            </nav>
           </div>
-        </section>
+        </header>
 
-        <!-- Conversation section -->
-        <section class="conversation">
-          <div class="conversation__container divide-content-center">
-            <!-- Conversation image -->
-            <img
-              src="./assets/images/conversation.png"
-              alt="Conversation Image"
-              class="conversation__image"
-            />
-
-            <!-- Conversation content -->
-            <div class="conversation__content d-flex flex-column">
-              <h2 class="conversation__heading text--secondary text--lg">
-                Lorem ipsum dolor sit amet consectetur
-              </h2>
-              <p class="conversation__description text text--gray text--sm">
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-                Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
-                error ipsum, voluptate culpa nesciunt delectus iste?
-              </p>
-              <a href="javascript:void(0)" class="btn btn-secondary text"
-                >Learn More</a
-              >
-            </div>
-          </div>
-        </section>
-
-        <!-- Security section -->
-        <section class="security">
-          <div class="security__container divide-content-center">
-            <!-- Security content -->
-            <div class="security__content d-flex flex-column">
-              <h2 class="security__heading text--secondary text--lg">
-                Lorem ipsum dolor sit amet consectetur
-              </h2>
-              <p class="security__description text text--gray text--sm">
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-                Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
-                error ipsum, voluptate culpa nesciunt delectus iste?
-              </p>
-              <a href="javascript:void(0)" class="btn btn-secondary text"
-                >Learn More</a
-              >
-            </div>
-
-            <!-- Security image -->
-            <img
-              src="./assets/images/security.png"
-              alt="Image Security"
-              class="security__image"
-            />
-          </div>
-        </section>
-
-        <!-- Team section -->
-        <section class="team">
-          <div class="team__container align-center">
-            <!-- Team content -->
-            <div class="team__content align-center">
-              <span class="team__title text--bold text--title">Team</span>
-              <h2 class="team__heading text--secondary text--lg">
-                Our talents
-              </h2>
-              <p class="team__description text">
-                Lorem ipsum, dolor sit amet consectetur Suscipit nemo hic quos,
-                ab,
-              </p>
-            </div>
-
-            <!-- Avatar Image -->
-            <div class="team__image-container d-flex">
-              <!-- Frame 1 -->
-              <div class="team__frame">
-                <div class="team__image-content align-center">
-                  <img
-                    src="./assets/images/avatar-1.png"
-                    alt="Avatar Image"
-                    class="team__image"
-                  />
-                  <div class="team__information d-flex flex-column">
-                    <span class="team__name text--secondary">Peg legge</span>
-                    <span class="team__position text text--sm text--gray"
-                      >Ceo</span
-                    >
-                  </div>
-                </div>
-              </div>
-
-              <!-- Frame 2 -->
-              <div class="team__frame">
-                <div class="team__image-content align-center">
-                  <img
-                    src="./assets/images/avatar-2.png"
-                    alt="Avatar Image"
-                    class="team__image"
-                  />
-                  <div class="team__information">
-                    <span class="team__name text--secondary"
-                      >Richard guerra</span
-                    >
-                    <span class="team__position text text--sm text--gray"
-                      >Cto</span
-                    >
-                  </div>
-                </div>
-              </div>
-
-              <!-- Frame 3 -->
-              <div class="team__frame">
-                <div class="team__image-content align-center">
-                  <img
-                    src="./assets/images/avatar-3.png"
-                    alt="Avatar Image"
-                    class="team__image"
-                  />
-                  <div class="team__information">
-                    <span class="team__name text--secondary"
-                      >Alexandra stolz</span
-                    >
-                    <span class="team__position text text--sm text--gray"
-                      >Designer</span
-                    >
-                  </div>
-                </div>
-              </div>
-
-              <!-- Frame 4 -->
-              <div class="team__frame">
-                <div class="team__image-content align-center">
-                  <img
-                    src="./assets/images/avatar-4.png"
-                    alt="Avatar Image"
-                    class="team__image"
-                  />
-                  <div class="team__information">
-                    <span class="team__name text--secondary">Janet bray</span>
-                    <span class="team__position text text--sm text--gray"
-                      >Developer</span
-                    >
-                  </div>
-                </div>
-              </div>
-            </div>
-            <a href="javascript:void(0)" class="btn btn-secondary text"
-              >View Team</a
-            >
+        <!-- Welcome section -->
+        <section class="welcome d-flex align-item-center">
+          <div class="welcome__content d-flex flex-column">
+            <span class="welcome__title text--bold">Welcome</span>
+            <h1 class="welcome__heading text--secondary">Lorem ipsum dolor sit amet consectetur</h1>
+            <p class="welcome__description text text--sm">
+              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam nobis
+              cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
+            </p>
+            <a href="javascript:void(0)" class="btn btn-primary text">Explore</a>
           </div>
+          <img src="./assets/images/header-image.png" alt="Header Image" class="welcome__image" />
         </section>
       </div>
+    </div>
 
-      <!-- Footer -->
-      <footer class="footer">
-        <div class="background">
-          <div class="footer__content d-flex justify-content-between">
-            <div class="footer__logos d-flex">
-              <a href="javascript:void(0)"
-                ><img
-                  src="./assets/images/facebook.svg"
-                  alt="Facebook logo"
-                  class="footer__logo-item"
-              /></a>
-              <a href="javascript:void(0)"
-                ><img
-                  src="./assets/images/instagram.svg"
-                  alt="Instagram logo"
-                  class="footer__logo-item"
-              /></a>
-              <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/twitter.svg"
-                  alt="Twitter logo"
-                  class="footer__logo-item"
-                />
-              </a>
-              <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/pinterest.svg"
-                  alt="Pinterest logo"
-                  class="footer__logo-item"
-                />
-              </a>
-              <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/tiktok.svg"
-                  alt="Tiktok logo"
-                  class="footer__logo-item"
-                />
-              </a>
-              <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/wechat.svg"
-                  alt="Wechat logo"
-                  class="footer__logo-item"
-                />
-              </a>
-              <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/youtube.svg"
-                  alt="Youtube Logo"
-                  class="footer__logo-item"
-                />
-              </a>
-            </div>
+    <div class="width-container">
+      <!-- Sponsor section -->
+      <section class="sponsor">
+        <div class="sponsor__container align-center">
+          <div class="sponsor__content align-center">
+            <span class="sponsor__title text--bold text--title">Partners</span>
+            <h2 class="sponsor__heading text--secondary text--lg">Lorem Ipsum Dolor</h2>
+            <p class="sponsor__description text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
+          </div>
 
-            <span class="footer__text text"
-              >&#64; Start, 2022. All rights reserved.</span
-            >
+          <!-- Logo items -->
+          <ul class="sponsor__logos d-flex">
+            <li class="sponsor__logo-item">
+              <img src="./assets/images/logo-1.png" alt="Logo Sponsor" />
+            </li>
+            <li class="sponsor__logo-item">
+              <img src="./assets/images/logo-2.png" alt="Logo Sponsor" />
+            </li>
+            <li class="sponsor__logo-item">
+              <img src="./assets/images/logo-3.png" alt="Logo Sponsor" />
+            </li>
+            <li class="sponsor__logo-item">
+              <img src="./assets/images/logo-4.png" alt="Logo Sponsor" />
+            </li>
+            <li class="sponsor__logo-item">
+              <img src="./assets/images/logo-5.png" alt="Logo Sponsor" />
+            </li>
+          </ul>
+          <a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
+        </div>
+      </section>
+
+      <!-- Conversation section -->
+      <section class="conversation">
+        <div class="conversation__container divide-content-center">
+          <!-- Conversation image -->
+          <img src="./assets/images/conversation.png" alt="Conversation Image" class="conversation__image" />
+
+          <!-- Conversation content -->
+          <div class="conversation__content d-flex flex-column">
+            <h2 class="conversation__heading text--secondary text--lg">Lorem ipsum dolor sit amet consectetur</h2>
+            <p class="conversation__description text text--gray text--sm">
+              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam nobis
+              cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
+            </p>
+            <a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
           </div>
         </div>
-      </footer>
+      </section>
+
+      <!-- Security section -->
+      <section class="security">
+        <div class="security__container divide-content-center">
+          <!-- Security content -->
+          <div class="security__content d-flex flex-column">
+            <h2 class="security__heading text--secondary text--lg">Lorem ipsum dolor sit amet consectetur</h2>
+            <p class="security__description text text--gray text--sm">
+              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam nobis
+              cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
+            </p>
+            <a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
+          </div>
+
+          <!-- Security image -->
+          <img src="./assets/images/security.png" alt="Image Security" class="security__image" />
+        </div>
+      </section>
+
+      <!-- Team section -->
+      <section class="team">
+        <div class="team__container align-center">
+          <!-- Team content -->
+          <div class="team__content align-center">
+            <span class="team__title text--bold text--title">Team</span>
+            <h2 class="team__heading text--secondary text--lg">Our talents</h2>
+            <p class="team__description text">Lorem ipsum, dolor sit amet consectetur Suscipit nemo hic quos, ab,</p>
+          </div>
+
+          <!-- Avatar Image -->
+          <div class="team__image-container d-flex">
+            <!-- Frame 1 -->
+            <div class="team__frame">
+              <div class="team__image-content align-center">
+                <img src="./assets/images/avatar-1.png" alt="Avatar Image" class="team__image" />
+                <div class="team__information d-flex flex-column">
+                  <span class="team__name text--secondary">Peg legge</span>
+                  <span class="team__position text text--sm text--gray">Ceo</span>
+                </div>
+              </div>
+            </div>
+
+            <!-- Frame 2 -->
+            <div class="team__frame">
+              <div class="team__image-content align-center">
+                <img src="./assets/images/avatar-2.png" alt="Avatar Image" class="team__image" />
+                <div class="team__information">
+                  <span class="team__name text--secondary">Richard guerra</span>
+                  <span class="team__position text text--sm text--gray">Cto</span>
+                </div>
+              </div>
+            </div>
+
+            <!-- Frame 3 -->
+            <div class="team__frame">
+              <div class="team__image-content align-center">
+                <img src="./assets/images/avatar-3.png" alt="Avatar Image" class="team__image" />
+                <div class="team__information">
+                  <span class="team__name text--secondary">Alexandra stolz</span>
+                  <span class="team__position text text--sm text--gray">Designer</span>
+                </div>
+              </div>
+            </div>
+
+            <!-- Frame 4 -->
+            <div class="team__frame">
+              <div class="team__image-content align-center">
+                <img src="./assets/images/avatar-4.png" alt="Avatar Image" class="team__image" />
+                <div class="team__information">
+                  <span class="team__name text--secondary">Janet bray</span>
+                  <span class="team__position text text--sm text--gray">Developer</span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <a href="javascript:void(0)" class="btn btn-secondary text">View Team</a>
+        </div>
+      </section>
     </div>
+
+    <!-- Footer -->
+    <footer class="footer">
+      <div class="background">
+        <div class="footer__content d-flex justify-content-between">
+          <div class="footer__logos d-flex">
+            <a href="javascript:void(0)"
+              ><img src="./assets/images/facebook.svg" alt="Facebook logo" class="footer__logo-item"
+            /></a>
+            <a href="javascript:void(0)"
+              ><img src="./assets/images/instagram.svg" alt="Instagram logo" class="footer__logo-item"
+            /></a>
+            <a href="javascript:void(0)">
+              <img src="./assets/images/twitter.svg" alt="Twitter logo" class="footer__logo-item" />
+            </a>
+            <a href="javascript:void(0)">
+              <img src="./assets/images/pinterest.svg" alt="Pinterest logo" class="footer__logo-item" />
+            </a>
+            <a href="javascript:void(0)">
+              <img src="./assets/images/tiktok.svg" alt="Tiktok logo" class="footer__logo-item" />
+            </a>
+            <a href="javascript:void(0)">
+              <img src="./assets/images/wechat.svg" alt="Wechat logo" class="footer__logo-item" />
+            </a>
+            <a href="javascript:void(0)">
+              <img src="./assets/images/youtube.svg" alt="Youtube Logo" class="footer__logo-item" />
+            </a>
+          </div>
+
+          <span class="footer__text text">&#64; Start, 2022. All rights reserved.</span>
+        </div>
+      </div>
+    </footer>
   </body>
 </html>
diff --git a/src/style/abstracts/variables.css b/src/styles/abstracts/variables.css
old mode 100644
new mode 100755
similarity index 100%
rename from src/style/abstracts/variables.css
rename to src/styles/abstracts/variables.css
diff --git a/src/style/base/reset.css b/src/styles/bases/reset.css
old mode 100644
new mode 100755
similarity index 100%
rename from src/style/base/reset.css
rename to src/styles/bases/reset.css
diff --git a/src/style/base/typo.css b/src/styles/bases/typo.css
old mode 100644
new mode 100755
similarity index 54%
rename from src/style/base/typo.css
rename to src/styles/bases/typo.css
index 2a0ae5f..714b45d
--- a/src/style/base/typo.css
+++ b/src/styles/bases/typo.css
@@ -1,25 +1,25 @@
 @font-face {
   font-family: CrimsonText-Regular;
-  src: url(../../font/CrimsonText-Regular.ttf);
+  src: url(../../fonts/CrimsonText-Regular.ttf);
 }
 
 @font-face {
   font-family: CrimsonText-Bold;
-  src: url(../../font/CrimsonText-700.ttf);
+  src: url(../../fonts/CrimsonText-700.ttf);
   font-weight: 700;
 }
 
 @font-face {
   font-family: WorkSans-Medium;
-  src: url(../../font/WorkSans-500.ttf);
+  src: url(../../fonts/WorkSans-500.ttf);
 }
 
 @font-face {
   font-family: WorkSans-Bold;
-  src: url(../../font/WorkSans-700.ttf);
+  src: url(../../fonts/WorkSans-700.ttf);
 }
 
 @font-face {
   font-family: WorkSans-Regular;
-  src: url(../../font/WorkSans-Regular.ttf);
+  src: url(../../fonts/WorkSans-Regular.ttf);
 }
diff --git a/src/style/main.css b/src/styles/main.css
old mode 100644
new mode 100755
similarity index 95%
rename from src/style/main.css
rename to src/styles/main.css
index bf6cbac..454ac19
--- a/src/style/main.css
+++ b/src/styles/main.css
@@ -1,5 +1,5 @@
 @import url("./abstracts/variables.css");
-@import url("./base/typo.css");
+@import url("./bases/typo.css");
 
 * {
   line-height: 125%;
@@ -73,12 +73,23 @@
 }
 
 /* Header */
+
+.header {
+  padding-top: 35px;
+  padding-bottom: 40px;
+}
+
+.logo-link {
+  height: auto;
+}
+
 .background {
   background-color: var(--primary-color);
 }
 
 .container {
-  padding: 37px 0px;
+  /* padding-top: 35px;
+  padding-bottom: 40px; */
   margin: auto;
   color: var(--white);
 }
@@ -292,4 +303,4 @@
   line-height: 125%;
 
   color: var(--white);
-}
\ No newline at end of file
+}
diff --git a/vercel.json b/vercel.json
old mode 100644
new mode 100755