From 45d10fb9f928c7682cb70f7086fd6fae35ebd7fe Mon Sep 17 00:00:00 2001
From: mathias <mail@mathias.is>
Date: Fri, 11 Dec 2015 22:14:53 +0200
Subject: [PATCH] Update index.html

---
 index.html | 341 +++++++++++++++++++++++------------------------------
 1 file changed, 150 insertions(+), 191 deletions(-)

diff --git a/index.html b/index.html
index 60f0721..dc0987f 100644
--- a/index.html
+++ b/index.html
@@ -111,25 +111,46 @@
 		background: #fcfcfc;
 		background: rgba(255,255,255,.2);
 	}
+	::-webkit-input-placeholder {
+		color: #808080;
+	}
+	:-moz-placeholder {
+		color: #808080;
+	}
+	::-moz-placeholder {
+		color: #808080;
+	}
+	:-ms-input-placeholder {
+		color: #808080;
+	}
+	h1, h2, h3, p, #logo, #ip {
+		cursor: default;
+	}
 	h1, h2, h3 {
 		text-transform: uppercase;
 		font-style: normal;
 		font-weight: normal;
-		cursor: default;
+	}
+	h1 {
+		font-size: 12px;
+		text-transform: uppercase;
+		font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
+		margin-top: 0;
+		padding: 0 0 22px 0;
+		line-height: 6px;
 	}
 	h2 {
-		margin: 0 0 15px;
-		text-transform: uppercase;
-		font-family: montserratbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
-		letter-spacing: 1px;
-		text-align: center;
 		font-size: 19px;
+		text-transform: uppercase;
+		text-align: center;
+		font-family: montserratbold,"Helvetica Neue",Helvetica,Arial,sans-serif;
+		margin: 0 0 15px;
+		letter-spacing: 1px;
 	}
 	p {
+		text-align: center;
 		margin: 0 0 15px;
 		line-height: 1.5;
-		text-align: center;
-		cursor: default;
 	}
 	a {
 		text-decoration: none;
@@ -170,196 +191,134 @@
 		letter-spacing: 1px;
 		text-align: center;
 		margin: 0;
-		cursor: default;
+	}
+	#about, #news, #contact {
+		width: 100%;
+		height: 100%;
+		color: #fff;
+		display: table;
+	}
+	#about, #contact {
+		background: #000;
+	}
+	#news {
+		background: #0b0b0b;
+		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
+	}
+	#about-body, #news-body, #contact-body {
+		display: table-cell;
+		vertical-align: middle;
+		padding: 30px 10px 30px 10px;
+		font-size: 12px;
+		text-align: center;
+	}
+	input, textarea {
+		font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
+		font-size: 12px;
+		border: none;
+		color: #000;
+		background: #fff;
+		padding: 6px 8px 6px 9px;
+		border-radius: 4px;
+		transition: background .3s ease-in-out;
+		resize: none;
+		margin: 0;
+	}
+	input:focus, textarea:focus {
+		background: rgba(255,255,255,.8);
+	}
+	#ipinput {
+		border: #fff solid 1px;
+		background: none;
+		color: #fff;
+		width: 53px;
+		margin: 10px 0 0 0;
+		border-radius: 0px 5px 5px 0px;
+	}
+	#ipinput:hover, #ipinput:focus {
+		background: rgba(255,255,255,.1);
+		text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
+	}
+	button {
+		font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
+		font-size: 12px;
+		color: #fff;
+		background: none;
+		border: #fff solid 1px;
+		padding: 6px 8px 6px 9px;
+		border-radius: 5px;
+		transition: background .3s ease-in-out;
+		cursor: pointer;
+	}
+	button:hover, button:focus {
+		background: rgba(255,255,255,.1);
+	}
+	#ip {
+		border: #fff solid 1px;
+		color: #000;
+		background: #fff;
+		padding: 6px 6px 6px 9px;
+		margin: 10px 0 0 0;
+		font-size: 12px;
+		border-radius: 5px 0px 0px 5px;
+	}
+	#facebook:before, #twitter:before {
+		border-radius: 50%;
+		display: inline-block;
+		padding: 8px;
+		font-size: 15px;
+		color: #fff;
+	}
+	#facebook {
+		margin: 0 6px 0 0;
+	}
+	#twitter {
+		margin: 0 0 0 6px;
+	}
+	#facebook:before {
+		background: #3b5998;
+		font-family: 'icons';
+		content: '\e603';
+	}
+	#twitter:before {
+		background: #0084b4;
+		font-family: 'icons';
+		content: '\e604';
+	}
+	#aboutbutton, #newsbutton, #contactbutton {
+		background: #fff;
+		color: #aa0000;
+		font-size: 14px;
+		transition: background .1s ease-in-out;
+	}
+	input:focus, textarea:focus, button:hover, button:focus, #aboutbutton:hover, #aboutbutton:focus, #newsbutton:hover, #newsbutton:focus, #contactbutton:hover, #contactbutton:focus {
+		outline: 0;
+	}
+	#newsbutton {
+		border-left: 1px solid #aa0000;
+		padding: 6px 10px 6px 10px;
+	}
+	#aboutbutton {
+		border-radius: 21px 0px 0px 21px;
+		padding: 6px 10px 6px 12px;
+	}
+	#contactbutton {
+		border-radius: 0px 21px 21px 0px;
+		border-left: 1px solid #aa0000;
+		padding: 6px 13px 6px 10px;
+	}
+	#aboutbutton:before, #about-title:before {
+		font-family: 'icons';
+		content: "\e605";
 	}
 
-h1 {
-  font-size: 12px;
-  text-transform: uppercase;
-  font-family: montserratregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
-  margin-top: 0;
-  padding-bottom: 22px;
-  line-height: 6px;
-  cursor: default;
-}
-
-#about, #news, #contact {
-  width: 100%;
-  height: 100%;
-  color: #fff;
-  display: table;
-}
-
-#about, #contact {
-  background: #000;
-}
-
-#news {
-  background-color: #0b0b0b;
-  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
-}
-
-#about-body, #news-body, #contact-body {
-  display: table-cell;
-  vertical-align: middle;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 30px;
-  padding-bottom: 30px;
-  font-size: 12px;
-  text-align: center;
-}
-
-input, textarea {
-  border: none;
-  color: #000;
-  background: #fff;
-  padding: 6px 8px 6px 9px;
-  font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
-  font-size: 12px;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  border-radius: 4px;
-  -webkit-transition: background .3s ease-in-out;
-  -moz-transition: background .3s ease-in-out;
-  transition: background .3s ease-in-out;
-  resize: none;
-  margin: 0;
-}
-
-::-webkit-input-placeholder {
-  color: #808080;
-}
-:-moz-placeholder {
-  color: #808080;
-}
-::-moz-placeholder {
-  color: #808080;
-}
-:-ms-input-placeholder {
-  color: #808080;
-}
-
-#ipinput {
-  border: #fff solid 1px;
-  background: none;
-  color: #fff;
-  width: 53px;
-  margin: 10px 0 0 0;
-  -moz-border-radius: 0px 5px 5px 0px;
-  -webkit-border-radius: 0px 5px 5px 0px;
-  border-radius: 0px 5px 5px 0px;
-}
-
-#ipinput:hover, #ipinput:focus {
-  outline: 0;
-  background: rgba(255,255,255,.1);
-  text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
-}
-
-input:focus, textarea:focus {
-  outline: 0;
-  background: rgba(255,255,255,.8);
-}
-
-button {
-  color: #fff;
-  background: none;
-  border: #fff solid 1px;
-  padding: 6px 8px 6px 9px;
-  font-family: montserratlight,"Helvetica Neue",Helvetica,Arial,sans-serif;
-  font-size: 12px;
-  -moz-border-radius: 5px;
-  -webkit-border-radius: 5px;
-  border-radius: 5px;
-  -webkit-transition: background .3s ease-in-out;
-  -moz-transition: background .3s ease-in-out;
-  transition: background .3s ease-in-out;
-  cursor: pointer;
-}
-
-button:hover, button:focus {
-  outline: 0;
-  background: rgba(255,255,255,.1);
-}
-
-#ip {
-  border: #fff solid 1px;
-  color: #000;
-  background: #fff;
-  padding: 6px 6px 6px 9px;
-  margin: 10px 0 0 0;
-  font-size: 12px;
-  -moz-border-radius: 5px 0px 0px 5px;
-  -webkit-border-radius: 5px 0px 0px 5px;
-  border-radius: 5px 0px 0px 5px;
-  cursor: default;
-}
-#facebook:before, #twitter:before {
-  border-radius: 50%;
-  display: inline-block;
-  padding: 8px;
-  font-size: 15px;
-  color: #fff;
-  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.11);
-}
-#facebook {
-  margin-right: 6px;
-}
-#twitter {
-  margin-left: 6px;
-}
-#facebook:before {
-  background: #3b5998;
-  font-family: 'icon';
-  content: '\e603';
-}
-#twitter:before {
-  background: #0084b4;
-  font-family: 'icon';
-  content: '\e604';
-}
-#aboutbutton, #newsbutton, #contactbutton {
-  background: #fff;
-  color: #aa0000;
-  font-size: 14px;
-  -webkit-transition: background .1s ease-in-out;
-  -moz-transition: background .1s ease-in-out;
-  transition: background .1s ease-in-out;
-  text-decoration: none;
-}
-#aboutbutton:hover, #aboutbutton:focus, #newsbutton:hover, #newsbutton:focus, #contactbutton:hover, #contactbutton:focus {
-  outline: 0;
-}
-#newsbutton {
-  border-left: 1px solid #aa0000;
-  padding: 6px 10px 6px 10px;
-}
-#aboutbutton {
-  -moz-border-radius: 21px 0px 0px 21px;
-  -webkit-border-radius: 21px 0px 0px 21px;
-  border-radius: 21px 0px 0px 21px;
-  padding: 6px 10px 6px 12px;
-}
-#contactbutton {
-  -moz-border-radius: 0px 21px 21px 0px;
-  -webkit-border-radius: 0px 21px 21px 0px;
-  border-radius: 0px 21px 21px 0px;
-  padding: 6px 13px 6px 10px;
-  border-left: 1px solid #aa0000;
-}
-#aboutbutton:before, #about-title:before {
-  font-family: 'icon';
-  content: "\e605";
-}
-
 #newsbutton:before, #news-title:before {
-  font-family: 'icon';
+  font-family: 'icons';
   content: "\e602";
 }
 
 #contactbutton:before, #contact-title:before {
-  font-family: 'icon';
+  font-family: 'icons';
   content: "\e600";
 }