diff --git a/index.html b/index.html
index 8647cbb..f6614a9 100644
--- a/index.html
+++ b/index.html
@@ -11,9 +11,9 @@
 <div class="wrap">
 	<div class="floatleft">
 		<div id="left-container">
-			<div>
-				<h1>Fahrenheit 2577</h1>
-				<img src="https://sindominio.net/2577/2577.png" alt="2577" />
+			<div id="title-box">
+				<h1 id="title"><a id="fire" href="#">Fahrenheit 2577</a></h1>
+				<img id="logo" src="https://sindominio.net/2577/2577.png" alt="2577" />
 			</div>
 			<div id="rss-box">
 				<h2><a href="https://sindominio.net/2577/feed.xml">subscribe</a></h2>
@@ -25,6 +25,8 @@
 		<article>
 			<div>
 				<a href="{{ $item.URL }}">{{ $item.Title }}</a>
+			</div>
+			<div>
 				<span class="url"> {{ $item.URL }}</span>
 			</div>
 			<div>
diff --git a/static/style.css b/static/style.css
index 544df7b..e7097e9 100644
--- a/static/style.css
+++ b/static/style.css
@@ -8,7 +8,7 @@ body {
 
 .floatleft {
     float:left;
-    width: 40%;
+    width: 30%;
     height: 100%;
     position: fixed;
 }
@@ -28,11 +28,33 @@ body {
     height: 100%;
 }
 
+#title a {
+   padding: 10px;
+   text-decoration: none;
+   background: black;
+   color: #f5f5f5;
+   text-shadow:
+   0px -1px 2px #fff,
+   0px -1px 3px #FF3,
+   0px -2px 5px #c33;
+}
+
+#title a:hover{
+   background: black;
+   text-shadow:
+   0px -1px 2px #fff,
+   0px -1px 5px #FF3,
+   0px -5px 10px #c33;
+}
+
+#logo {
+   padding-left: 20px;
+}
 
 .floatright {
     float: right;
     background-color: #ffffff;
-    width: 60%;
+    width: 70%;
 }
 
 a {
@@ -45,6 +67,10 @@ article > div > a {
     text-decoration: none;
 }
 
+article {
+	padding-top: 1em;
+}
+
 article > div > a:hover {
     color: #f24c2f;
 }