diff --git a/public/css/style.css b/public/css/style.css
index 0d09810..3b07d63 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -10,8 +10,9 @@
   --lightblue: 147, 225, 242;
 
   --background-color: white;
-  --header-color: rgb(var(--lightblue));
+  --header-color: white;
   --footer-color: rgba(var(--teal));
+  --borders: 1px solid rgba(var(--black), .86);
 }
 
 html, body {
@@ -33,10 +34,16 @@ body {
 
 header {
   background-color: var(--header-color);
+  border-bottom: var(--borders);
+  font-variant: small-caps;
+  min-height: var(--navbar-height);
+}
+main {
+  padding: 1rem;
 }
-
 footer {
   background-color: var(--footer-color);
+  border-top: var(--borders);
 }
 
 .container {
@@ -85,6 +92,11 @@ nav {
   padding: 0 1rem;
 }
 
+.nav-socials > a > svg {
+  padding: 0.5rem;
+  border: var(--borders);
+}
+
 /* -xs */
 @media (min-width: 576px) {
   .container {
diff --git a/src/_includes/layout.html b/src/_includes/layout.html
index c898288..4b07e2a 100644
--- a/src/_includes/layout.html
+++ b/src/_includes/layout.html
@@ -26,9 +26,9 @@
         </ul>
       </div>
       <div class="nav-socials">
-        <i data-lucide="twitter"></i>
-        <i data-lucide="youtube"></i>
-        <i data-lucide="rss"></i>
+        <a href="#"><i data-lucide="twitter"></i></a>
+        <a href="#"><i data-lucide="youtube"></i></a>
+        <a href="#"><i data-lucide="rss"></i></a>
       </div>
     </nav>
   </header>