diff --git a/css/global.css b/css/global.css
index ebb43d3..f36a5cb 100644
--- a/css/global.css
+++ b/css/global.css
@@ -15,21 +15,26 @@ a{
     height: 100%;
     display: grid;
     grid-template-areas: 
-    'header header header header header header header'
-    'main main main main main main sidebar '
-    'footer footer footer footer footer footer footer';
+    'header header header'
+    'main main sidebar'
+    'footer footer footer';
+    grid-gap: 2px;
+    grid-template-columns: 2fr 1fr;
 }
 
 .header{
-
     grid-area: header;
+    width: 100%;
+}
+
+.header__menu{
+    width: 100%;
     display: flex;
     justify-content: space-between;
-    align-items: center;
-    height: 8vh;
     background-color: var(--primary-color);
-    padding: 0.5em 2em;
-    border-bottom: 2px solid var(--second-color);
+    align-items: center;
+    padding: 0.5em 2em 0.5em 3em;
+
 }
 
 .header .header__logo > h1{
@@ -43,21 +48,20 @@ a{
     font-weight: 500;
 }
 
-.header > .header__menu > ul {
+.header__menu > .header__nav > ul {
     display: flex;
     align-items: center;
     gap: 1.4em;
 }
 
-.header__menu-item > a{
+.header__nav-item > a{
     color: #FFF;
-    font-weight: bold;
-    font-size: 1em;
+    font-size: 0.9em;
     position: relative;
     padding: 0.2em 0em;
 }
 
-.header__menu-item > a::after {
+.header__nav-item > a::after {
     content: "";
     position: absolute;
     left: 0;
@@ -68,29 +72,74 @@ a{
     transition: width 0.3s ease-out;
   }
   
-  .header__menu-item > a:hover::after {
+  .header__nav-item > a:hover::after {
     width: 100%;
   }
 
+
+.header__title{
+    width: 100%;
+    padding: 1em;
+    position: relative;
+}
+
+.header__title h1{
+    margin-left: 1em;
+    font-weight:bold;
+    font-style: italic;
+    font-family: var(--second-font);
+    color: var(--second-color);
+    border-bottom: 2px solid var(--second-color);
+    padding: 0.2em 0em;
+}
+
+.main{
+    grid-area: main;
+    height: 86vh;
+    width: 100%;
+    padding: 0.5em 0em 0em 0em;
+    
+}
+
+.main .main__content{
+    width: 100%;
+    height: 100%;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 15px;
+}
+
+
 .sidebar{
     grid-area: sidebar;
-    height: 82vh;
+    height: 86vh;
+    padding: 0.5em 0.5em 0em 0.5em;
+}
+
+.sidebar__content{
+    height: 100%;
+    width: 100%;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 15px;
     display: flex;
     flex-direction: column;
     align-items: center;
-    background-color: var(--primary-background);
 }
 
 .sidebar .siderbar__title{
     width: 100%;
-    background-color: #4B0082;
     text-align: center;
     padding: 0.4em 0.2em;
-    margin-bottom: 1em;
+    background-color: #000;
+    color: #FFF;
+}
+
+.sidebar .siderbar__title > h1{
+    font-size: 1.4em;
+    font-style: italic;
+    font-family: var(--second-font); 
 }
 
 .sidebar .sidebar__new-posts{
     display: flex;
+    height: 100%;
     flex-direction: column;
     align-items: center;
     overflow: auto;
@@ -98,12 +147,6 @@ a{
     padding: 1em 0.3em;
 }
 
-.main{
-    height: 82vh;
-    grid-area: main;
-    background-color: blue;
-}
-
 
 .footer{
     height: 10vh;
@@ -114,6 +157,7 @@ a{
     display: flex;
     justify-content: center;
     align-items: center;
+    margin-top: 1em;
 }
 
 
@@ -138,7 +182,7 @@ a{
 .card{
     width: 280px;
     border: 1px solid #000;
-    border-radius: 10px;
+   
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     background-color: #FFF;
     margin-bottom: 2em;
@@ -150,8 +194,7 @@ a{
 
 .card > .card__img > img{
     width: 100%;
-    border-top-right-radius: 10px;
-    border-top-left-radius: 10px;
+
 }
 
 .card > .card__info{
diff --git a/css/variables.css b/css/variables.css
index 52ea97f..c39014b 100644
--- a/css/variables.css
+++ b/css/variables.css
@@ -1,6 +1,9 @@
+@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+
 :root{
     --primary-color: #000;
-    --second-color:#00FFFF;
+    --second-color:#C71585;
     --font-main:'Roboto', sans-serif;
+    --second-font:'Pacifico', sans-serif;
     --primary-background:#1C1C1C;
 }
\ No newline at end of file
diff --git a/img/html5 b/img/html5
deleted file mode 100644
index 27e27c8..0000000
Binary files a/img/html5 and /dev/null differ
diff --git a/index.html b/index.html
index 2fddc31..29cc88b 100644
--- a/index.html
+++ b/index.html
@@ -15,97 +15,135 @@
 
         <header class="header">
 
-            <div class="header__logo">
-                <h1><span>BLOG</span> Netuno</h1>
+            <div class="header__menu">
+
+                <nav class="header__nav">
+                    <ul>
+                        <li class="header__nav-item"><a href="#"> ABOUT </a></li>
+                        <li class="header__nav-item"><a href="#"> CONTACT US </a></li>
+                        <li class="header__nav-item"><a href="#"> HOME </a></li>
+                        <li class="header__nav-item"><a href="#">LOGIN</a></li>
+                    </ul>
+                </nav>
+
+                <div class="header__logo">
+                
+                </div>
             </div>
 
-            <nav class="header__menu">
-                <ul>
-                    <li class="header__menu-item"><a href="#"> ABOUT </a></li>
-                    <li class="header__menu-item"><a href="#">LOGIN</a></li>
-                </ul>
-            </nav>
+            <div class="header__title">
+                <h1>BlogNatuno</h1>
+            </div>
 
         </header>
 
         <main class="main">
-            <h1>HELLO</h1>
-        </main>
-
-
-        <div class="sidebar">
-
-            <div class="siderbar__title">
-                 <h1>Ultimas postagens...</h1>   
+            
+            <div class="main__content">
+                <h1>Hello</h1>
             </div>
 
-            <div class="sidebar__new-posts">
-
-                <div class="card">
-                    <div class="card__img">
-                        <img src="./img/html5.jpg" alt="img_card">
-                    </div>
-                    <div class="card__info">
-                        <div class="card__title">
-                            <h1>HTMl, a programind language or not?</h1>
-                        </div>
-                        
-                        <div class="card__body">
-                            <p>
-                                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde reprehenderit, quam
-                            temporibus qui quo numquam iste totam quisquam, sint eius eos
-                            </p>
-                        </div>
-                        <div class="card__posted-by">
-                            <em>por: Jailton Araujo</em>
-                        </div>
-                    </div>
-                </div>
+        </main>
 
-                <div class="card">
-                    <div class="card__img">
-                        <img src="./img/html5.jpg" alt="img_card">
-                    </div>
-                    <div class="card__info">
-                        <div class="card__title">
-                            <h1>HTMl, a programind language or not?</h1>
-                        </div>
-                        
-                        <div class="card__body">
-                            <p>
-                                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde reprehenderit, quam
-                            temporibus qui quo numquam iste totam quisquam, sint eius eos
-                            </p>
-                        </div>
-                        <div class="card__posted-by">
-                            <em>por: Jailton Araujo</em>
-                        </div>
-                    </div>
-                </div>
+        <aside class="sidebar">
 
-                <div class="card">
-                    <div class="card__img">
-                        <img src="./img/html5.jpg" alt="img_card">
-                    </div>
-                    <div class="card__info">
-                        <div class="card__title">
-                            <h1>HTMl, a programind language or not?</h1>
-                        </div>
-                        
-                        <div class="card__body">
-                            <p>
-                                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde reprehenderit, quam
-                            temporibus qui quo numquam iste totam quisquam, sint eius eos
-                            </p>
-                        </div>
-                        <div class="card__posted-by">
-                            <em>por: Jailton Araujo</em>
-                        </div>
-                    </div>
-                </div>
+            <div class="sidebar__content">
 
+            <div class="siderbar__title">
+                <h1>Ultimas postagens...</h1>   
+           </div>
+
+           <div class="sidebar__new-posts">
+
+               <div class="card">
+                   <div class="card__img">
+                       <img src="./img/html5.jpg" alt="img_card">
+                   </div>
+                   <div class="card__info">
+                       <div class="card__title">
+                           <h1>HTMl, a programind language or not?</h1>
+                       </div>
+                       
+                       <div class="card__body">
+                           <p>
+                               Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde reprehenderit, quam
+                           temporibus qui quo numquam iste totam quisquam, sint eius eos
+                           </p>
+                       </div>
+                       <div class="card__posted-by">
+                           <em>por: Jailton Araujo</em>
+                       </div>
+                   </div>
+               </div>
+
+               <div class="card">
+                   <div class="card__img">
+                       <img src="./img/html5.jpg" alt="img_card">
+                   </div>
+                   <div class="card__info">
+                       <div class="card__title">
+                           <h1>HTMl, a programind language or not?</h1>
+                       </div>
+                       
+                       <div class="card__body">
+                           <p>
+                               Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde reprehenderit, quam
+                           temporibus qui quo numquam iste totam quisquam, sint eius eos
+                           </p>
+                       </div>
+                       <div class="card__posted-by">
+                           <em>por: Jailton Araujo</em>
+                       </div>
+                   </div>
+               </div>
+
+
+               <div class="card">
+                   <div class="card__img">
+                       <img src="./img/html5.jpg" alt="img_card">
+                   </div>
+                   <div class="card__info">
+                       <div class="card__title">
+                           <h1>HTMl, a programind language or not?</h1>
+                       </div>
+                       
+                       <div class="card__body">
+                           <p>
+                               Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde reprehenderit, quam
+                           temporibus qui quo numquam iste totam quisquam, sint eius eos
+                           </p>
+                       </div>
+                       <div class="card__posted-by">
+                           <em>por: Jailton Araujo</em>
+                       </div>
+                   </div>
+               </div>
+
+
+               <div class="card">
+                   <div class="card__img">
+                       <img src="./img/html5.jpg" alt="img_card">
+                   </div>
+                   <div class="card__info">
+                       <div class="card__title">
+                           <h1>HTMl, a programind language or not?</h1>
+                       </div>
+                       
+                       <div class="card__body">
+                           <p>
+                               Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde reprehenderit, quam
+                           temporibus qui quo numquam iste totam quisquam, sint eius eos
+                           </p>
+                       </div>
+                       <div class="card__posted-by">
+                           <em>por: Jailton Araujo</em>
+                       </div>
+                   </div>
+               </div>
+
+           </div>
             </div>
-        </div>
+        </aside>
 
         <footer class="footer">
             <div class="footer_contact">