diff --git a/static/article.tmpl.html b/static/article.tmpl.html
index 879d557..36d27d1 100644
--- a/static/article.tmpl.html
+++ b/static/article.tmpl.html
@@ -2,13 +2,13 @@
 <html>
     <head>
         <meta charset="utf-8">
-        <title>Código para llevar</title>
+        <title>{{ title }} @ Código para llevar</title>
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="stylesheet" href="../css/style.css" />
         <link rel="stylesheet" href="../css/dark-syntax.css" />
     </head>
     <body>
-      <article>
+      <article class="post">
         <h2 class="post-title">{{ title }}</h2>
         {{ content | safe }}
       </article>
diff --git a/static/style.css b/static/style.css
index 656ff1b..2ba09d7 100644
--- a/static/style.css
+++ b/static/style.css
@@ -62,7 +62,7 @@ pre {
     padding: 0.5ex;
     padding-left: 0.5ex;
     padding-left: 1.5ex;
-    background-color: #eee8d5;
+    background-color: #001622;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.26);
 }
 pre > code {
@@ -70,10 +70,21 @@ pre > code {
     line-height: 1.2em;
     overflow: auto;
 }
-code {
+pre code {
   padding: 0.5ex;
   font-size: medium;
-  border: 2px solid #eee8d5;
-  background: #fdf6e3;
-  color: #073642;
+  border: 2px solid #001622;
+  background: #073642;
+  color: #fff;
+}
+
+code {
+    padding: 0.25ex;
+    margin: 0.25ex;
+    border: 1px solid #001622;
+}
+
+article.post {
+    max-width: min(650px, 100ex);
+    margin: 0 auto;
 }
