center inputs on page

templates/index.html

@@ -12,4 +12,29 @@
 	</form>
 </body>
 
+<style>
+	html,
+	body {
+		width: 100%;
+		height: 100%;
+	}
+
+	body, form {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		gap: 4px;
+	}
+
+	input {
+		width: 300px;
+	}
+
+	button {
+		font-size: 20px;
+		width: 100%;
+	}
+</style>
+
 </html>