diff --git a/README.md b/README.md
index 1664345..320087e 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,2 @@
 # yagyuu.moe
-Sourcecode from <a href="yayuu.moe">Yagyuu.moe</a>
+Source code from [Yagyuu.moe](http://yagyuu.moe/)
diff --git a/index.php b/index.php
index 5c3b9a2..591e256 100644
--- a/index.php
+++ b/index.php
@@ -33,28 +33,18 @@ $imgList = getImagesFromDir($root . $path);
 $img = getRandomFromArray($imgList);
 ?> 
 <!DOCTYPE html>
-<html lang="en">
+<html>
 <head>
 <meta charset="utf-8" />
 <title>Yagyuu</title>
-<style type="text/css">
-body { font: 14px/1.3 verdana, arial, helvetica, sans-serif; }
-h1 { font-size:1.3em; }
-h2 { font-size:1.2em; }
-a:link { color:#33c; } 
-a:visited { color:#339; }
-p { max-width: 60em; }
-
-/* so linked image won't have border */
-a img { border:none; }
-</style>
+<link rel="stylesheet" href="style.css">
 </head>
 <body>
 
-<center>
 <!-- image displays here -->
-<div><img src="<?php echo $path . $img ?>" alt="" /></div>
-</center>
+<div class="pic-center">
+  <img src="<?php echo $path . $img ?>" alt="" />
+</div>
 
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..4e442ff
--- /dev/null
+++ b/style.css
@@ -0,0 +1,11 @@
+body { font: 14px/1.3 verdana, arial, helvetica, sans-serif; }
+h1 { font-size:1.3em; }
+h2 { font-size:1.2em; }
+a:link { color:#33c; } 
+a:visited { color:#339; }
+p { max-width: 60em; }
+
+/* so linked image won't have border */
+a img { border:none; }
+
+.pic-center { text-align: center; }
