minor css change

client.css

@@ -5,6 +5,10 @@
 	margin-top: 100px;
 }
 
+.welcome img {
+	mix-blend-mode: color-burn;
+}
+
 .form-elements {
 	display: flex;
 	flex-direction: column;

client.html

@@ -9,6 +9,7 @@
 				<img src="wimage.png" alt="logo and slogan">
 				<div class="form-elements" id="login">
 					<form id="loginform" onsubmit="return inputValidation()">
+						<h2>Login</h2>
 						<div class="form-input">
 							<label for="email">Email</label>
 							<input type="text" id="email" name="email" size="18">

welcome.html

@@ -11,11 +11,11 @@
                 <form>
                     <div class="form-input">
                         <label for="email">Email</label>
-                        <input type="text" id="email" name="email" size="18">
+                        <input type="text" id="email" name="email" size="18" required>
                     </div>
                     <div class="form-input">
                         <label for="password">Password</label>
-                        <input type="text" id="password" name="password" size="18">
+                        <input type="text" id="password" name="password" size="18" required>
                     </div>
                     <input type="submit" value="Login">
                 </form>