Fixed header

.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>

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">

mainPage.css

@@ -24,6 +24,7 @@ h1 {
 
 .contentArea
 {
+    padding-top: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;

navigationStyle.css

@@ -24,6 +24,7 @@ li, a, button {
 /*title bar*/
 header {
 
+    position: fixed;
     width: 100%;
     display: flex;
     justify-content: space-between;