diff --git a/index.html b/index.html
index 36b080d..93dabed 100644
--- a/index.html
+++ b/index.html
@@ -3,99 +3,7 @@
 <title>altinel.dev</title> 
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
 <!--The design of this webpage is based on http://www.jeffweisbein.com-->
-<style type="text/css"> 
-	body {
-		background-color: #00001f;
-	}
-	#console {
-		font-family: courier, monospace;
-		color: #fff;
-		width:750px;
-		margin-left:auto;
-		margin-right:auto;
-		margin-top:100px;
-		font-size:14px;
-	}
-	a {
-		color: #0bc;
-		text-decoration: none;
-	}
-	#a {
-		color: #0f0;
-	}
-	#c {
-		color: #0bc;
-	}
-	#b {
-		color: #ff0096;
-	}
-	#typed-cursor {
-		font-weight: 100;
- 	   	font-size: 14px;
-		color: #fff;
-	}
-	.slogan {
-		color: #2E3D48;
-		font-size: 30px;
-		position: absolute;
-		top: 50%;
-		text-align: center;
-		margin: -60px 0 0 0;
-		display: block;
-		width: 100%;
-	}
-	#typed-cursor {
-		color: #2E3D48;
-		font-weight: 100;
-	}
-	#typed-cursor.blinking {
-		-webkit-animation: 1s blink step-end infinite;
-		-moz-animation: 1s blink step-end infinite;
-		-ms-animation: 1s blink step-end infinite;
-		-o-animation: 1s blink step-end infinite;
-		animation: 1s blink step-end infinite;
-	}
-	@keyframes "blink" {
-		from,to {
-		color: transparent;
-	}
-	 	50% {
-	    		color: white;
-	 	}
-	}
-	@-moz-keyframes blink {
-		from,to {
-		color: transparent;
-	}
-		50% {
-			color:white ;
-	 	}
-	}
-	@-webkit-keyframes "blink" {
-		from,to {
-		color: transparent;
-	}
-	 	50% {
-	   		color: white;
-	 	}
-	}
-	@-ms-keyframes "blink" {
-		from,to {
-		color: transparent;
-	}
-	 	50% {
-	   		color: white;
-	 	}
-	}
-	@-o-keyframes "blink" {
-		from,to {
-		color: transparent;
-	}
-	 	50% {
-	   		color: white;
-	 	}
-	}
-</style> 
+<link rel="stylesheet" src="style.css">
 </head> 
 <body>
 <span id="console"><span id="a">fazil@altinel.dev</span>:<span id="b">/var/www/</span><span id="c">$</span> whoami
