diff --git a/public/index.html b/public/index.html
index 88f8641..4b354f2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,30 +2,10 @@
 <html>
 	<head>
 		<title>mBank mt940 konwerter</title>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<link rel="stylesheet" href="styles.css" />
 	</head>
-	<style>
-		p {
-			max-width: 600px;
-		}
-
-		input,
-		button {
-			height: 40px;
-			font-size: 20px;
-		}
-
-		.hidden {
-			display: none;
-		}
-
-		.success {
-			background-color: hsl(120, 100%, 85.1%);
-			padding: 2rem;
-			margin: 1rem;
-			font-size: 1.2rem;
-			color: hsl(120, 100%, 7.1%);
-		}
-	</style>
 	<body>
 		<main>
 			<header>
diff --git a/public/styles.css b/public/styles.css
new file mode 100644
index 0000000..8408489
--- /dev/null
+++ b/public/styles.css
@@ -0,0 +1,20 @@
+body {
+	max-width: 600px;
+	margin: 0 auto;
+}
+
+button {
+	width: 100%;
+}
+
+.hidden {
+	display: none;
+}
+
+.success {
+	background-color: hsl(120, 100%, 85.1%);
+	padding: 2rem;
+	margin: 1rem;
+	font-size: 1.2rem;
+	color: hsl(120, 100%, 7.1%);
+}
