diff --git a/html/index.html b/html/index.html
index c768ef5..cb248e3 100644
--- a/html/index.html
+++ b/html/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html>
 	<head>
-		<title>Null</title>
+		<title>Andrea</title>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 		<meta name="author" content="andrewfoll@protonmail.com"/>
 		<link rel="shortcut icon" href="./images/favicon.png"/>
@@ -9,18 +9,22 @@
 	</head>
 	<body>
 		<div id="container">
+			<div id="banner">
+				A javascript free page!
+			</div>
 			<div id="hello-world">
-				<div id="command">$ echo "Hello world!"<span id="pipe">|</span></div>
+				<span id="command">$ echo "Hello world!"</span>
+				<span id="pipe">&verbar;</span>
 			</div>
 			<div>
 				<nav id="links-nav" id="social-icons">
 					<a href="https://t.me/null_able"><img class="social-icon" alt="Telegram" src="./images/telegram.png"/></a>
-					<a href="https://gitlab.com/nullndr"><img class="social-icon" alt="gitlab" src="./images/gitlab.png"/></a>
-					<a href="https://github.com/nullndr"><img class="social-icon" alt="github" src="./images/github.png"/></a>
+					<a href="https://gitlab.com/nullndr"><img class="social-icon" alt="GitLab" src="./images/gitlab.png"/></a>
+					<a href="https://github.com/nullndr"><img class="social-icon" alt="GitHub" src="./images/github.png"/></a>
 					<a href="https://twitter.com/nullndr"><img class="social-icon" alt="Twitter" src="./images/twitter.png"/></a>
 					<a href="mailto: andrea@yaaaw.it"><img class="social-icon" alt="Protonmail" src="./images/email.png"/></a>
 					<a href="https://www.linkedin.com/in/andrea-foletto-5457b5187/"><img class="social-icon" alt="Linkedin" src="./images/linkedin.png"/></a>
-					<a href="./nullablepgpkey.pub"><img class="social-icon" alt="gpg key" src="./images/key.png"/></a>
+					<a href="./nullablepgpkey.pub"><img class="social-icon" alt="GPG key" src="./images/key.png"/></a>
 				</nav>
 			</div>
 		</div>
diff --git a/html/styles/style.css b/html/styles/style.css
index 26e9e20..3f0a6f9 100644
--- a/html/styles/style.css
+++ b/html/styles/style.css
@@ -1,5 +1,7 @@
 
 * {
+  margin: 0;
+  padding: 0;
 }
 
 body {
@@ -15,32 +17,28 @@ body {
 }
 
 #container {
-  display: block;
   width: auto;
-  padding: 15px;
+}
+
+#banner {
+  color: #d6d6d6;
+  font-family: 'Fira Mono', monospace;
+  text-align: center;
+  font-size: 2vh;
+  font-style: italic;
+  margin: 5px;
+  padding: 5px;
 }
 
 #hello-world {
   color: #d6d6d6;
   font-family: 'Fira Mono', monospace;
-  min-height: 4vh;
-  width: 100%;
-  max-height: 100px;
   text-align: center;
-  max-width: 100%;
-  min-width: 620px;
-}
-
-#command {
-  width: 100%;
-  max-height: 100px;
-  font-size: 5vw;
-  animation: linear;
+  font-size: 6vw;
 }
 
 #pipe {
   animation: animate 1.5s linear infinite alternate;
-  max-height: 1vh;
 }
 
 @keyframes animate{
@@ -52,15 +50,15 @@ body {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
+  padding: 5px;
+  margin: 5px;
 }
 
-#links-nav > a {
+#links-nav a {
   padding: 5px;
 }
 
 .social-icon {
   max-height: 5vh;
   max-width: 5vw;
-  min-height: 24px;
-  min-width: 24px;
 }
\ No newline at end of file
