diff --git a/Frontend/.vs/Frontend/v16/.suo b/Frontend/.vs/Frontend/v16/.suo
index 086b68c..e43b793 100644
Binary files a/Frontend/.vs/Frontend/v16/.suo and b/Frontend/.vs/Frontend/v16/.suo differ
diff --git a/Frontend/.vs/VSWorkspaceState.json b/Frontend/.vs/VSWorkspaceState.json
index 1f88e30..85b8072 100644
--- a/Frontend/.vs/VSWorkspaceState.json
+++ b/Frontend/.vs/VSWorkspaceState.json
@@ -6,6 +6,6 @@
     "\\Javascript",
     "\\Styles"
   ],
-  "SelectedNode": "\\Styles\\AdminPage.css",
+  "SelectedNode": "\\Javascript\\Stem.js",
   "PreviewInSolutionExplorer": false
 }
\ No newline at end of file
diff --git a/Frontend/Html/AdminPage.html b/Frontend/Html/AdminPage.html
index ecb9c74..153f17f 100755
--- a/Frontend/Html/AdminPage.html
+++ b/Frontend/Html/AdminPage.html
@@ -75,104 +75,112 @@
     <h3>Administration</h3>
     <h5>Opret Game Jam</h5>
 
-    <div>
-      <form id="createGameJam" method="POST">
-        <div class="FormField">
-          <input
-            type="text"
-            class="FormFieldInput"
-            placeholder="Gamejam title"
-            name="newGameJam"
-            id="gamejamTitle"
-            required
-          />
-          <label for="gamejamTitle" class="FormFieldLabel">
-            Gamejam title
-          </label>
-        </div>
+    <div class="container">
+        <form id="createGameJam" method="POST">
+            <div class="row">
+                <div>
 
-        <div class="FormField">
-          <div id="Dates">
-            <input
-              type="date"
-              class="FormFieldInput"
-              placeholder="mm/dd/yyyy"
-              name="startDate"
-              id="startDate"
-              required
-            />
-            <label for="startDate" class="FormFieldLabel" id="startDateLabel">
-              Start dato
-            </label>
+                    <div class="FormField">
+                        <input type="text"
+                               class="FormFieldInput"
+                               placeholder="Gamejam title"
+                               name="newGameJam"
+                               id="gamejamTitle"
+                               required />
+                        <label for="gamejamTitle" class="FormFieldLabel">
+                            Gamejam title
+                        </label>
+                    </div>
+                </div>
+            </div>
 
-            <input
-              type="date"
-              class="FormFieldInput"
-              placeholder="mm/dd/yyyy"
-              name="endDate"
-              id="endDate"
-              required
-            />
-            <label for="endDate" class="FormFieldLabel" id="endDateLabel">
-              Slut dato
-            </label>
-          </div>
+            <div class="row row-cols-2">             
+                
+                <div class="col" id="colDate">
+                    <div class="FormField">
+                        <input type="date"
+                                class="FormFieldInput"
+                                placeholder="mm/dd/yyyy"
+                                name="startDate"
+                                id="startDate"
+                                required />
+                        <label for="startDate" class="FormFieldLabel" id="startDateLabel">
+                            Start dato
+                        </label>
+                    </div>
+                </div>
+                <div class="col" id="colTime">
+                    <div class="FormField">
+                        <input type="time"
+                               class="FormFieldInput"
+                               placeholder="hh:mm"
+                               name="startTime"
+                               id="startTime"
+                               required />
+                        <label for="startTime" class="FormFieldLabel" id="startTimeLabel">
+                            Start tid
+                        </label>
+                    </div>
+                </div>
 
-          <div class="Times">
-            <input
-              type="text"
-              class="FormFieldInput"
-              placeholder="hh:mm"
-              name="startTime"
-              id="startTime"
-              required
-            />
-            <label for="startTime" class="FormFieldLabel" id="startTimeLabel">
-              Start tid
-            </label>
+                </div>
 
-            <input
-              type="text"
-              class="FormFieldInput"
-              placeholder="hh:mm"
-              name="endTime"
-              id="endTime"
-              required
-            />
-            <label for="endTime" class="FormFieldLabel" id="endTimeLabel">
-              Slut tid
-            </label>
-          </div>
-        </div>
+            <div class="row row-cols-2">
 
-        <div class="FormField">
-          <input
-            type="text"
-            class="FormFieldInput"
-            placeholder="Emne / Keywords (Ikke obligatorisk)"
-            name="keyWord"
-            id="keyWord"
-            required
-          />
-          <label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
-            Emne / Keywords (Ikke obligatorisk)
-          </label>
-        </div>
 
-        <div class="FormField">
-          <textarea
-            class="FormFieldInput"
-            placeholder="Beskrivelse"
-            name="description"
-            id="Beskrivelse"
-            required
-          ></textarea>
-          <label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
-            Beskrivelse
-          </label>
-        </div>
-        <input type="submit" name="newGameJam" id="indsend" value="Indsend" />
-      </form>
+                <div class="col" id="colDate">
+                    <div class="FormField">
+                        <input type="date"
+                               class="FormFieldInput"
+                               placeholder="mm/dd/yyyy"
+                               name="endDate"
+                               id="endDate"
+                               required />
+                        <label for="endDate" class="FormFieldLabel" id="endDateLabel">
+                            Slut dato
+                        </label>
+                        </div>
+                    </div>
+
+                <div class="col" id="colTime">
+                    <div class="FormField">
+                        <input type="time"
+                               class="FormFieldInput"
+                               placeholder="hh:mm"
+                               name="endTime"
+                               id="endTime"
+                               required />
+                        <label for="endTime" class="FormFieldLabel" id="endTimeLabel">
+                            Slut tid
+                        </label>
+                    </div>
+                </div>
+                </div>
+
+                <!--Behold-->
+                <div class="FormField">
+                    <input type="text"
+                           class="FormFieldInput"
+                           placeholder="Emne / Keywords (Ikke obligatorisk)"
+                           name="keyWord"
+                           id="keyWord" />
+                    <label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
+                        Emne (Ikke obligatorisk)
+                    </label>
+                </div>
+
+                <div class="FormField">
+                    <textarea class="FormFieldInput"
+                              placeholder="Beskrivelse"
+                              name="description"
+                              id="Beskrivelse"
+                              required></textarea>
+                    <label for="keyWord" class="FormFieldLabel" id="keyWordLabel">
+                        Beskrivelse
+                    </label>
+                </div>
+                <input type="submit" name="newGameJam" id="indsend" value="Indsend" />
+</form>
     </div>
     <!-- Opret game jam slut -->
 
diff --git a/Frontend/Styles/AdminPage.css b/Frontend/Styles/AdminPage.css
index b8ec265..2e518f1 100755
--- a/Frontend/Styles/AdminPage.css
+++ b/Frontend/Styles/AdminPage.css
@@ -1,25 +1,30 @@
 body {
     text-align: center;
+    background-color: #121B26;
+    color: #F2E6D8;
 }
 
 .HeaderPanel {
     position: fixed;
     overflow: hidden;
-    background-color: rgb(33, 37, 41);
+    background-color: #59142D;
     padding: 10px 10px;
     top: 0;
     width: 100%;
 }
 
-.HeaderPanel a {
-    text-align: center;
-    color: rgba(255, 255, 255, .75);
-    padding: 6px;
-    text-decoration: none;
-    font-size: 18px; 
-    line-height: 25px;
-    border-radius: 4px;
-}
+    .HeaderPanel a {
+        text-align: center;
+        color: #F2E6D8;
+        padding: 6px;
+        text-decoration: none;
+        font-size: 18px;
+        line-height: 25px;
+        border-radius: 4px;
+    }
+        .HeaderPanel a:hover {
+            color: #BF7D65;
+        }
 
 .HeaderTitle {
     text-align: center;
@@ -32,10 +37,19 @@ body {
     float: left;
 }
 
+h5{
+    padding-bottom: 30px;
+}
+
 /*Create game jam*/
-#createGameJam{
-   justify-content: center;
-   display: grid;
+
+.container{
+    height: 70vh !important;
+}
+#createGameJam {
+    /*justify-content: center;*/
+    display: grid;
+    width: 90%;
 }
 
 #createGameJam input{
@@ -48,10 +62,10 @@ body {
 }
 
 #startDate {
-    width: 32.5%;
+    /*width: 32.5%;*/
     display: inline-block !important;
     margin-right: 2.5%;
-    float: left;
+    
 }
 
 #startDateLabel {
@@ -60,49 +74,65 @@ body {
 }
 
 #endDate {
-    width: 32.5%;
+    /*width: 32.5%;
+    */ 
     display: inline-block !important;
-    margin-left: 2.5%;
     margin-right: 2.5%;
     float: left;
 }
 
 #endDateLabel {
     display: inline-block;
-    left: 37.5%;
+    left: 0;
+   /* left: 37.5%;
+    */
+}
+#colDate{
+    width: 60%;
+}
+
+#colTime{
+    width: 40%;
 }
 
 #startTime {
-    width: 12.5%;
-    display: inline-block !important;
+    /* width: 12.5%;
+    */
+    /* display: inline-block !important;*/
     margin-right: 2.5%;
     float: left;
+    justify-content: center;
+    display: grid;
 }
 
 #startTimeLabel {
     display: inline-block;
-    left: 72.5%;
+    left: 0;
+    
+    /*left: 72.5%;
+    */
+
 }
 
 #endTime {
-    width: 12.5%;
-    display: inline-block !important;
+    /*width: 12.5%;
+    */ display: inline-block !important;
     float: left;
 }
 
 #endTimeLabel {
     display: inline-block;
-    left: 87.5%;
+    left: 0;
+    /* left: 87.5%;*/
 }
-
+    
 
 #description {
-    background-color: rgb(18, 18, 18);
-    color: rgba(255, 255, 255, .55);
+    color: #F2E6D8;
     border-radius: 15px;
     border: double;
-    width:400px;
-    height:250px;
+    width: 100%;
+    height: 250px;
 }
 
 #Beskrivelse {
@@ -110,11 +140,30 @@ body {
 }
 
 #indsend {
+    /* background-color: #121B26;
     border-radius: 15px;
-    color: rgba(255, 255, 255, .55);
-    background-color: rgb(18, 18, 18);
-    border: double;
+    color: #F2E6D8;
+    border: double;*/
+    border: 0;
+    background: none;
+    display: block;
+    margin: 20px auto;
+    text-align: center;
+    border: 2px solid rgb(52, 152, 219);
+    padding: 10px 10px;
+    outline: none;
+    color: #F2E6D8;
+    border-radius: 24px;
+    transition: 0.25s;
+    width: 50%;
 }
+    #indsend:hover {
+        color: #BF7D65;
+    }
+
+    #row{
+        width:100%;
+    }
 /*Create Game Jam end*/
 
 
@@ -125,16 +174,16 @@ body {
 }
 
 .FormFieldInput {
-  font-family: inherit;
-  width: 100%;
-  border: 0;
-  border-bottom: 2px solid #9b9b9b;
-  outline: 0;
-  font-size: 1.3rem;
-  color: #fff;
-  padding: 7px 0;
-  background: transparent;
-  transition: border-color 0.2s;
+    font-family: inherit;
+    width: 100%;
+    border: 0;
+    border-bottom: 2px solid #9b9b9b;
+    outline: 0;
+    font-size: 1.3rem;
+    color: #fff;
+    padding: 7px 0;
+    background: transparent;
+    transition: border-color 0.2s;
 }
 
 .FormFieldInput::placeholder {
@@ -148,30 +197,32 @@ body {
 }
 
 .FormFieldLabel {
-  position: absolute;
-  top: 0;
-  display: block;
-  transition: 0.2s;
-  font-size: 1rem;
-  color: #9b9b9b;
+    position: absolute;
+    top: 0;
+    display: block;
+    transition: 0.2s;
+    font-size: 1rem;
+    color: #F2E6D8;
+   
 }
 
 .FormFieldInput:focus {
-  padding-bottom: 6px;
-  font-weight: 700;
-  border-width: 3px;
-  border-image: linear-gradient(to right, #11998e, #38ef7d);
-  border-image-slice: 1;
-}
-.FormFieldInput:focus ~ .FormFieldLabel {
-  position: absolute;
-  top: 0;
-  display: block;
-  transition: 0.2s;
-  font-size: 1rem;
-  color: #11998e;
-  font-weight: 700;
+    padding-bottom: 6px;
+    font-weight: 700;
+    border-width: 3px;
+    border-image: linear-gradient(to right, #59142D, #FF142D);
+    /*linear-gradient(to right, #11998e, #38ef7d);*/
+    border-image-slice: 1;
 }
+    .FormFieldInput:focus ~ .FormFieldLabel {
+        position: absolute;
+        top: 0;
+        display: block;
+        transition: 0.2s;
+        font-size: 1rem;
+        color: #BF7D65;
+        font-weight: 700;
+    }
 
 .FormFieldInput:required, 
 .FormFieldInput:invalid {
diff --git a/Frontend/Styles/Index.css b/Frontend/Styles/Index.css
index 60f7206..6d9d5c1 100755
--- a/Frontend/Styles/Index.css
+++ b/Frontend/Styles/Index.css
@@ -832,9 +832,12 @@ image_gruppenavn {
 .right_text {
   float: right;
 }
+.Collapsible:hover {
+    color: #BF7D65;
+}
 
 #hjem {
-  padding-top: 0;
+    padding-top: 0;
 }
 
 #header {
@@ -865,6 +868,7 @@ image_gruppenavn {
     rgb(18, 18, 18)*/
     opacity: 1;
 }
+/*Knap Return to top*/
 #return-to-top {
   position: fixed;
   bottom: 20px;
@@ -906,7 +910,7 @@ image_gruppenavn {
   color: rgba(255, 255, 255, 0.55);
   top: 5px;
 }
-
+/*
 .Collapse-Button {
     width: 30%;
     text-align: center;
@@ -920,7 +924,7 @@ image_gruppenavn {
 
 .Collapse-Button:hover {
   border-color: #721b1a;
-}
+}*/
 
 ul.Circle-list {
   display: inline-block;
diff --git a/Frontend/Styles/ShowCase.css b/Frontend/Styles/ShowCase.css
index a9215bd..6b26d00 100644
--- a/Frontend/Styles/ShowCase.css
+++ b/Frontend/Styles/ShowCase.css
@@ -1,7 +1,7 @@
 body,
 html {
-    background-color: rgb(18, 18, 18) !important;
-    color: rgba(255, 255, 255, .55) !important;
+    background-color: #121B26 !important;
+    color: #F2E6D8 !important;
     font-family: Arial, Helvetica, sans-serif !important;
     margin: 40px !important;
     padding: 10px !important;
@@ -19,14 +19,14 @@ html {
 
 #isWebBased {
     border: 0;
-    background: none;
+    background-color: transparent;
     display: block;
     margin: 20px auto;
     text-align: center;
-    border: 2px solid rgb(52, 152, 219);
+    border: 2px solid #2A558C;
     padding: 10px 10px;
     outline: none;
-    color: rgba(255, 255, 255, .55);
+    color: #F2E6D8;
     border-radius: 24px;
     transition: 0.25s;
     position: static;
@@ -37,14 +37,14 @@ html {
 
 #gameFil {
     border: 0;
-    background: none;
+    background-color: transparent;
     display: block;
     margin: 20px auto;
     text-align: center;
-    border: 2px solid rgb(52, 152, 219);
+    border: 2px solid #2A558C;
     padding: 10px 10px;
     outline: none;
-    color: rgba(255, 255, 255, .55);
+    color: #F2E6D8;
     border-radius: 24px;
     transition: 0.25s;
     position: static;
@@ -81,7 +81,7 @@ html {
     display: block;
     border: none;
     height: 3px !important;
-    background: rgb(0, 113, 185) !important;
-    background: linear-gradient(to right, rgb(18, 18, 18), rgb(0, 113, 185), rgb(38, 171, 255), rgb(0, 113, 185), rgb(18, 18, 18)) !important;
+    background: #59142D !important;
+    background: linear-gradient( to right, #121B26, #59142D, #94153d, #59142D, #121B26) !important;
     opacity: 1;
 }
\ No newline at end of file