Move style to separate css file

www/index.php

@@ -14,92 +14,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
 <meta http-equiv="Content-Type" value="text/html;charset=utf-8">
 <title>DKIM validator</title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
-<style type="text/css">
-html {
-	font-family: 'colfaxLight', 'Arial', sans-serif;
-}
-html,
-body,
-form {
-	margin: 0;
-	width: 100%;
-	height: 100%;
-	overflow: hidden;
-}
-form {
-	display: table;
-}
-form > * {
-	display: table-row;
-}
-form > * > * {
-	display: table-cell;
-	padding: .2em 1em;
-}
-main {
-	height: 100%;
-}
-textarea {
-	width: 100%;
-	height: 100%;
-	box-sizing: border-box;
-	border: none;
-	box-shadow: none;
-	outline: none;
-	resize: none;
-	background: #fff;
-	padding: 0 1em;
-	font-family: monospace;
-}
-textarea:invalid {
-	background: url('instruction.png') 50% 10% no-repeat;
-}
-nav {
-	display: table;
-	background: #f8f8f8;
-	border-bottom: 1px solid #e7e7e7;
-}
-footer > * {
-	padding-left: 2em;
-	background: #f8f8f8;
-	border-bottom: 1px solid #e7e7e7;
-}
-nav > * {
-	display: table-cell;
-}
-nav #logo > img {
-	display: block;
-}
-nav h1 {
-	white-space: nowrap;
-	padding-left: 1em;
-	vertical-align: middle;
-	color: #6a5f58;
-}
-nav ul {
-	vertical-align: middle;
-}
-nav ul > li {
-	display: inline;
-}
-nav button,
-nav a {
-	color: #666464;
-	background: none;
-	border: none;
-	font-size: 1em;
-	padding: 0 1em;
-	text-decoration: none;
-	cursor: pointer;
-}
-.permfail {
-	color: red;
-}
-.pass {
-	color: green;
-}
-
-</style>
+<link rel="stylesheet" href="style.css" type="text/css">
 
 <form method="post">
 	<header>

www/style.css

+html {
+	font-family: 'colfaxLight', 'Arial', sans-serif;
+}
+html,
+body,
+form {
+	margin: 0;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+form {
+	display: table;
+}
+form > * {
+	display: table-row;
+}
+form > * > * {
+	display: table-cell;
+	padding: .2em 1em;
+}
+main {
+	height: 100%;
+}
+textarea {
+	width: 100%;
+	height: 100%;
+	box-sizing: border-box;
+	border: none;
+	box-shadow: none;
+	outline: none;
+	resize: none;
+	background: #fff;
+	padding: 0 1em;
+	font-family: monospace;
+}
+textarea:invalid {
+	background: url('instruction.png') 50% 10% no-repeat;
+}
+nav {
+	display: table;
+	background: #f8f8f8;
+	border-bottom: 1px solid #e7e7e7;
+}
+footer > * {
+	padding-left: 2em;
+	background: #f8f8f8;
+	border-bottom: 1px solid #e7e7e7;
+}
+nav > * {
+	display: table-cell;
+}
+nav #logo > img {
+	display: block;
+}
+nav h1 {
+	white-space: nowrap;
+	padding-left: 1em;
+	vertical-align: middle;
+	color: #6a5f58;
+}
+nav ul {
+	vertical-align: middle;
+}
+nav ul > li {
+	display: inline;
+}
+nav button,
+nav a {
+	color: #666464;
+	background: none;
+	border: none;
+	font-size: 1em;
+	padding: 0 1em;
+	text-decoration: none;
+	cursor: pointer;
+}
+.permfail {
+	color: red;
+}
+.pass {
+	color: green;
+}