diff --git a/index.html b/index.html
index d2ecd706..dbdd7fc8 100644
--- a/index.html
+++ b/index.html
@@ -51,15 +51,13 @@
       <a href="/pages/services.html">Servisi</a>
       <a href="/pages/contact.html">Kontakt</a>
     </span>
-    <span class="copyleft">
-      <span class="links">
+    <span class="links">
         <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
             alt="CreativeCommons"></a>
         <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
         <a href="https://gitea.dmz.rs/Decentrala/website"><img src="/img/git-light.svg"
             alt="SourceCode"></a>
         <a href="https://balkan.fedive.rs/@decentrala"><img src="/img/mastodon-light.svg" alt="Mastodon"></a>
-      </span>
     </span>
   </footer>
 </body>
diff --git a/pages/account.html b/pages/account.html
index db0970ba..7f35ca93 100644
--- a/pages/account.html
+++ b/pages/account.html
@@ -40,7 +40,7 @@
       <a href="/pages/services.html">Servisi</a>
       <a href="/pages/contact.html">Kontakt</a>
     </span>
-    <span class="copyleft">
+    <span class="links">
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
           alt="CreativeCommons"></a>
       <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
diff --git a/pages/blog.html b/pages/blog.html
index c6a9345f..a1bd3baa 100644
--- a/pages/blog.html
+++ b/pages/blog.html
@@ -33,7 +33,7 @@
       <a href="/pages/services.html">Servisi</a>
       <a href="/pages/contact.html">Kontakt</a>
     </span>
-    <span class="copyleft">
+    <span class="links">
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
           alt="CreativeCommons"></a>
       <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
diff --git a/pages/contact.html b/pages/contact.html
index 0c1515f7..b6f2c76d 100644
--- a/pages/contact.html
+++ b/pages/contact.html
@@ -38,7 +38,7 @@
       <a href="/pages/services.html">Servisi</a>
       <a href="/pages/contact.html">Kontakt</a>
     </span>
-    <span class="copyleft">
+    <span class="links">
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
           alt="CreativeCommons"></a>
       <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
diff --git a/pages/events.html b/pages/events.html
index 0270e6d8..eec08319 100644
--- a/pages/events.html
+++ b/pages/events.html
@@ -81,7 +81,7 @@
       <a href="/pages/services.html">Servisi</a>
       <a href="/pages/contact.html">Kontakt</a>
     </span>
-    <span class="copyleft">
+    <span class="links">
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
           alt="CreativeCommons"></a>
       <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
diff --git a/pages/projects.html b/pages/projects.html
index 147f9dbe..9ca6a8ca 100644
--- a/pages/projects.html
+++ b/pages/projects.html
@@ -33,7 +33,7 @@
       <a href="/pages/services.html">Servisi</a>
       <a href="/pages/contact.html">Kontakt</a>
     </span>
-    <span class="copyleft">
+    <span class="links">
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
           alt="CreativeCommons"></a>
       <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
diff --git a/pages/services.html b/pages/services.html
index 4f6c5564..c5a0e5ea 100644
--- a/pages/services.html
+++ b/pages/services.html
@@ -89,7 +89,7 @@
       <a href="/pages/services.html">Servisi</a>
       <a href="/pages/contact.html">Kontakt</a>
     </span>
-    <span class="copyleft">
+    <span class="links">
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
           alt="CreativeCommons"></a>
       <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
diff --git a/pages/webring.html b/pages/webring.html
index a4c71c9d..664df9f2 100644
--- a/pages/webring.html
+++ b/pages/webring.html
@@ -34,7 +34,7 @@
       <a href="/pages/services.html">Servisi</a>
       <a href="/pages/contact.html">Kontakt</a>
     </span>
-    <span class="copyleft">
+    <span class="links">
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/img/cc-light.svg"
           alt="CreativeCommons"></a>
       <a href="/pages/webring.html"><img src="/img/w-light.svg" alt="Webring"></a>
diff --git a/styles/style.css b/styles/style.css
index aa56140f..9498ef59 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -33,9 +33,9 @@ body {
 body {
   display: grid;
   grid-template:
-    "header" 10vh
+    "header" 4rem
     "main" 1fr
-    "footer" 10vh
+    "footer" 4rem
     / 1fr;
   gap: 0;
   font-family: 'Iosevka';
@@ -121,6 +121,11 @@ a:focus {
 
 .links {
   display: flex;
+  gap: 2rem;
+}
+
+.links > a:hover{
+  background-color: var(--bg);
 }
 
 #sections-button {
@@ -135,29 +140,21 @@ a:focus {
   border: 2px solid var(--border);
   background-color: var(--bg);
   position: absolute;
-  bottom: calc(10vh - 2px);
+  bottom: calc(4rem - 2px);
   left: calc(0px - 2px);
   align-items: center;
   padding: 2rem 3rem;
   display: none;
 }
 
-.copyleft a,
+.sections, #sections-menu {
+  font-variant: small-caps;
+}
+
 .sections a {
   margin: 0 1rem 0 0;
 }
 
-.copyleft a:hover,
-.copyleft a:focus {
-  background-color: var(--bg);
-}
-
-.copyleft {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-
 button {
   font-style: italic;
   font-weight: lighter;
@@ -195,7 +192,11 @@ screen and (max-width: 1500px) {
   }
 
   .links {
-    display: none;
+    gap: 1.2rem;
+  }
+
+  .links a {
+    width: 1.5rem;
   }
 
   header,
@@ -206,4 +207,8 @@ screen and (max-width: 1500px) {
   #theme-switcher {
     margin-right: 1rem;
   }
+
+  .account {
+    font-size: 1rem;
+  }
 }
\ No newline at end of file