Change styling for login form, add link to homepage and change colour of event tile

src/main/resources/static/css/home/home.css

@@ -130,7 +130,7 @@ button:hover {
 }
 
 #eventsTile {
-    background: linear-gradient(135deg, #FF7EB3, #FF758C); 
+    background: linear-gradient(135deg, yellowgreen, #006400);
     color: white;
 }
 

src/main/resources/static/css/login/login.css

 * {
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
+    font-family: "inter", sans-serif;
 }
 
 form {
-    justify-items: end;
-    padding: 10px;
+    justify-items: baseline;
+    padding: 30px;
     max-width: max-content;
+    width: 300px;
     box-sizing: border-box;
-    margin-top: 15px;
-    background-color: #e3afbc;
-    border: 1px solid #ccc;
+    margin: 50px auto;
+    /*margin-top: 15px;*/
+    background-color: var(--secondary-color);
+    border: 1px solid var(--border-color);
     border-radius: 5px;
 
 }
 
-input {
-    background-color: #e3e2df;
-    border: 1px solid #ccc;
+input[type="email"], input[type="password"]{
+    background-color: var(--background-color);
+    border: 1px solid var(--border-color);
     border-radius: 5px;
+    padding: 10px 15px;
+    width: 80%;
+    margin-bottom: 10px;
+}
+input[type="submit"] {
+    background-color: var(--primary-color);
+    color: var(--alternate-text);
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+input[type="submit"]:hover {
+    background-color: #555;
 }
\ No newline at end of file

src/main/resources/templates/home/home.html

@@ -63,7 +63,7 @@
     
         <h1>Join Our Thriving Community Today!</h1>
         <p>Connect with like-minded individuals, share your ideas, and be part of something amazing</p>
-        <button>Get Started</button>
+        <a th:href="@{/register}"><button>Get Started</button></a>
     </section>