Auto stash before merge of "main" and "origin/main"

Frontend/Styles/Index.css

@@ -334,6 +334,7 @@ a:hover {
 }
 
 .navbar-brand {
+    margin-left: 1rem;
     padding-top: 0;
     padding-bottom: 0;
 }
@@ -355,8 +356,12 @@ a:hover {
     background-color: rgb(18, 18, 18);
 }
 
-.box input[type="text"],
-.box input[type="password"] {
+.box #username,
+.box #loginUsername,
+.box #pass1,
+.box #pass2,
+.box #loginPassword,
+.box #GameJamSelect {
     border: 0;
     background: none;
     display: block;
@@ -371,6 +376,73 @@ a:hover {
     transition: 0.25s;
 }
 
+.box .btn-group, .btn-group-vertical {
+    position: relative;
+    display: block;
+    text-align: center;
+    width: 250px;
+    margin: 20px auto;
+    padding: 0;
+}
+
+.box #NUDMinus {
+    color: rgba(255, 255, 255, .55);
+    background-color: transparent;
+    border: none;
+    float: left;
+}
+
+.box #NUDMinus:focus {
+    box-shadow: none;
+}
+
+.box #NUDMinus:focus-visible {
+    outline: none;
+}
+
+.box #NUDDisplay {
+    color: rgba(255, 255, 255, .55);
+    background-color: transparent;
+    border: none;
+    cursor: text;
+    width: 65%;
+}
+
+.box #NUDDisplay:focus {
+    box-shadow: none;
+}
+
+.box #NUDDisplay:focus-visible {
+    outline: none;
+}
+
+.box #NUDPlus {
+    color: rgba(255, 255, 255, .55);
+    background-color: transparent;
+    border: none;
+    float: right;
+}
+
+.box #NUDPlus:focus {
+    box-shadow: none;
+}
+
+.box #NUDPlus:focus-visible {
+    outline: none;
+}
+
+.box #GameJamSelect:focus {
+    box-shadow: none;
+}
+
+.box #GameJamSelect:hover {
+    color: rgba(255, 255, 255, .75);
+}
+
+.box #GameJamSelect ul {
+    background-color: red;
+}
+
 .text-muted {
     margin-bottom: 5vh;
     color: rgba(255, 255, 255, .55) !important;
@@ -382,14 +454,19 @@ a:hover {
     font-weight: 500;
 }
 
-.box input[type="text"]:focus,
-.box input[type="password"]:focus {
+.box #username:focus,
+.box #loginUsername:focus,
+.box #pass1:focus,
+.box #pass2:focus,
+.box #loginPassword:focus {
     width: 300px;
-    
 }
 
-.box input[type="text"]:hover, 
-.box input[type="password"]:hover {
+.box #username:hover,
+.box #loginUsername:hover,
+.box #pass1:hover,
+.box #pass2:hover,
+.box #loginPassword:hover {
     color: rgba(255, 255, 255, .75);
 }
 
@@ -670,6 +747,10 @@ image_gruppenavn{
     background-color: #01579b;
     border-radius: 50%;
 }
+
+.hasEvent {
+    background-color: red;
+}
 /*Kalender slut*/
 /*Event*/
 #testEvent2 {