Theme update

5 years ago · f686c39e54
1 changed files with 51 additions and 11 deletions
--- a/index.html
+++ b/index.html
@ -6,37 +6,77 @@
 		<title>Welcome to JulioBiason.Me</title>

 		<style type="text/css" media="all">
+/*!
+ *  Hack typeface https://github.com/source-foundry/Hack
+ *  License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
+ */@font-face {
+ font-family:'Hack';
+ src:url("fonts/hack-regular.woff2?sha=3114f1256") format("woff2"),
+ url("fonts/hack-regular.woff?sha=3114f1256") format("woff");
+ font-weight:400;
+ font-style:normal
+}
+@font-face {
+ font-family:'Hack';
+ src:url("fonts/hack-bold.woff2?sha=3114f1256") format("woff2"),
+ url("fonts/hack-bold.woff?sha=3114f1256") format("woff");
+ font-weight:700;
+ font-style:normal
+}
+@font-face {
+ font-family:'Hack';
+ src:url("fonts/hack-italic.woff2?sha=3114f1256") format("woff2"),
+ url("fonts/hack-italic.woff?sha=3114f1256") format("woff");
+ font-weight:400;
+ font-style:italic
+}
+@font-face {
+ font-family:'Hack';
+ src:url("fonts/hack-bolditalic.woff2?sha=3114f1256") format("woff2"),
+ url("fonts/hack-bolditalic.woff?sha=3114f1256") format("woff");
+ font-weight:700;
+ font-style:italic
+}
+
+
 body {
-	background-color: #22222b;
-	color: #ccc;
+	background-color: #1d212c;
+	color: white;
 	padding: 20px 10px;
 	max-width: 50rem;
 	margin: 0 auto;
-	font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
+	font-family:Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
 }

 .hero {
 	margin: 0 auto;
 }

-.tabs {
-	margin-bottom: 10px;
-}
-
 a {
-	color: #ff9800;
-	border-bottom: 1px solid #ff2e88;
+	color: white;
+	border-bottom: 1px solid white;
 	text-decoration: none;
 }

+.tabs {
+	margin-bottom: 10px;
+	padding: 2px;
+}
+
 .tabs .active {
-	background-color: #ff2e88;
-	color: #ccc;
+	background-color: rgb(35, 176, 255);
+	color: black;
+	padding: 2px;
 }

 .hidden {
 	display: none;
 }
+
+h1 {
+	color: rgb(35, 176, 255);
+}
+
 		</style>
 	</head>
 	<body>