diff --git a/src/routes/(nolayout)/login/+page.svelte b/src/routes/(nolayout)/login/+page.svelte
index 0dfd82e..8b6191f 100644
--- a/src/routes/(nolayout)/login/+page.svelte
+++ b/src/routes/(nolayout)/login/+page.svelte
@@ -2,4 +2,26 @@
 	<title>Login - Rowblox</title>
 </svelte:head>
 
-<div class="max-w-lg mx-auto text-center">insert form here</div>
+<div class="max-w-lg mx-auto text-center text-white">
+	<img class="mx-auto" src="/favicon.png" alt="">
+	<p class="text-5xl font-bold">Login to Rowblox!</p>
+	<input
+	class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
+			type="text"
+			name="username"
+			id="username"
+			placeholder="Username" 
+			/>
+			<input
+			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
+					type="password"
+					name="pass"
+					id="password"
+					placeholder="Password" 
+					/>			
+
+	<div class="text-xl text-white">
+		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500" href="/my/profile">Login</a>
+	</div>
+
+</div>
\ No newline at end of file
diff --git a/src/routes/(nolayout)/register/+page.svelte b/src/routes/(nolayout)/register/+page.svelte
index 7ae1b95..34471a9 100644
--- a/src/routes/(nolayout)/register/+page.svelte
+++ b/src/routes/(nolayout)/register/+page.svelte
@@ -14,14 +14,14 @@
 			/>
 			<input
 			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
-					type="text"
+					type="password"
 					name="pass"
 					id="password"
 					placeholder="Password" 
 					/>
 					<input
 			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
-					type="text"
+					type="password"
 					name="password"
 					id="passwordconfirm"
 					placeholder="Confirm Password"