diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 9a5a019..7ec1480 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -62,7 +62,7 @@
       <workItem from="1679674448294" duration="3278000" />
       <workItem from="1679754546660" duration="3762000" />
       <workItem from="1679776338023" duration="11768000" />
-      <workItem from="1679841996008" duration="4647000" />
+      <workItem from="1679841996008" duration="4797000" />
     </task>
     <servers />
   </component>
diff --git a/index.html b/index.html
index f7afc88..1c81ccb 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,7 @@
 
     <img class="imageFull" src="Bannger.jpg">
 
-    <h1 style="color: #F7A4A4;">Short overview</h1>
+    <h1 style="color: #F7A4A4; margin-top: 50px">Short overview</h1>
 
     <div class="mainPageCards">
         <div class="color3">
@@ -80,7 +80,7 @@
 
     <button>Learn More</button>
 
-    <h1 style="color: #F7A4A4">Have a look at our games page</h1>
+    <h1 style="color: #F7A4A4; margin-top: 50px">Have a look at our games page</h1>
 
     <div class="mainPageCards">
         <div class="flufflPartyCard">
diff --git a/mainPage.css b/mainPage.css
index 20963f8..3d0626e 100644
--- a/mainPage.css
+++ b/mainPage.css
@@ -24,6 +24,7 @@ h1 {
 
 .contentArea
 {
+    padding-top: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;
diff --git a/navigationStyle.css b/navigationStyle.css
index bb5b852..e31d03f 100644
--- a/navigationStyle.css
+++ b/navigationStyle.css
@@ -24,6 +24,7 @@ li, a, button {
 /*title bar*/
 header {
 
+    position: fixed;
     width: 100%;
     display: flex;
     justify-content: space-between;