/*
   NOTE: These fonts are licensed from http://triplicatefont.com and https://fontofthemonth.club/. Don't steal them.
*/

@font-face {
	font-family: "Triplicate Poly";
	font-weight: normal;
	font-style: normal;
 	src: url("/fonts/Triplicate_T4_Poly_Regular.eot");
	src: url("/fonts/Triplicate_T4_Poly_Regular.eot?#") format("embedded-opentype"),
		 url("/fonts/Triplicate_T4_Poly_Regular.woff") format("woff"),
		 url("/fonts/Triplicate_T4_Poly_Regular.ttf") format("opentype");
}

@font-face {
	font-family: "Triplicate Poly";
	font-weight: normal;
	font-style: italic;
 	src: url("/fonts/Triplicate_T4_Poly_Italic.eot");
	src: url("/fonts/Triplicate_T4_Poly_Italic.eot?#") format("embedded-opentype"),
		 url("/fonts/Triplicate_T4_Poly_Italic.woff") format("woff"),
		 url("/fonts/Triplicate_T4_Poly_Italic.ttf") format("opentype");
}

@font-face {
	font-family: "Triplicate Poly";
	font-weight: bold;
	font-style: normal;
 	src: url("/fonts/Triplicate_T4_Poly_Bold.eot");
	src: url("/fonts/Triplicate_T4_Poly_Bold.eot?#") format("embedded-opentype"),
		 url("/fonts/Triplicate_T4_Poly_Bold.woff") format("woff"),
		 url("/fonts/Triplicate_T4_Poly_Bold.ttf") format("opentype");
}

@font-face {
	font-family: "Triplicate Poly";
	font-weight: bold;
	font-style: italic;
 	src: url("/fonts/Triplicate_T4_Poly_Bold_Italic.eot");
	src: url("/fonts/Triplicate_T4_Poly_Bold_Italic.eot?#") format("embedded-opentype"),
		 url("/fonts/Triplicate_T4_Poly_Bold_Italic.woff") format("woff"),
		 url("/fonts/Triplicate_T4_Poly_Bold_Italic.ttf") format("opentype");
}

@font-face {
	font-family: "Triplicate Code";
	font-weight: normal;
	font-style: normal;
 	src: url("/fonts/Triplicate_T4_Code_Regular.eot");
	src: url("/fonts/Triplicate_T4_Code_Regular.eot?#") format("embedded-opentype"),
		 url("/fonts/Triplicate_T4_Code_Regular.woff") format("woff"),
		 url("/fonts/Triplicate_T4_Code_Regular.ttf") format("opentype");
}

@font-face {
	font-family: "Triplicate Code";
	font-weight: normal;
	font-style: italic;
 	src: url("/fonts/Triplicate_T4_Code_Italic.eot");
	src: url("/fonts/Triplicate_T4_Code_Italic.eot?#") format("embedded-opentype"),
		 url("/fonts/Triplicate_T4_Code_Italic.woff") format("woff"),
		 url("/fonts/Triplicate_T4_Code_Italic.ttf") format("opentype");
}

@font-face {
	font-family: "Triplicate Code";
	font-weight: bold;
	font-style: normal;
 	src: url("/fonts/Triplicate_T4_Code_Bold.eot");
	src: url("/fonts/Triplicate_T4_Code_Bold.eot?#") format("embedded-opentype"),
		 url("/fonts/Triplicate_T4_Code_Bold.woff") format("woff"),
		 url("/fonts/Triplicate_T4_Code_Bold.ttf") format("opentype");
}

@font-face {
	font-family: "Triplicate Code";
	font-weight: bold;
	font-style: italic;
 	src: url("/fonts/Triplicate_T4_Code_Bold_Italic.eot");
	src: url("/fonts/Triplicate_T4_Code_Bold_Italic.eot?#") format("embedded-opentype"),
		 url("/fonts/Triplicate_T4_Code_Bold_Italic.woff") format("woff"),
		 url("/fonts/Triplicate_T4_Code_Bold_Italic.ttf") format("opentype");
}

@font-face {
	font-family: "Fern Micro Web";
	font-weight: normal;
	font-style: normal;
	src: url("/fonts/FernMicro-Regular.woff2") format("woff2"),
		 url("/fonts/FernMicro-Regular.woff") format("woff");
}

@font-face {
	font-family: "Fern Micro Web";
	font-weight: normal;
	font-style: italic;
	src: url("/fonts/FernMicro-Italic.woff2") format("woff2"),
		 url("/fonts/FernMicro-Italic.woff") format("woff");
}

@font-face {
	font-family: "Fern Micro Web";
	font-weight: bold;
	font-style: normal;
	src: url("/fonts/FernMicro-Bold.woff2") format("woff2"),
		 url("/fonts/FernMicro-Bold.woff") format("woff");
}

#portrait {
	float: right;
	margin-left: 1em;
}

html { 
	font-family: "Fern Micro Web", "Triplicate Poly", Calibri, "Trebuchet MS", sans-serif; 
	font-size: 18px;
	margin: 0;
	padding: 0;
}

body {
    margin: 1em;
	padding: 0;
}

code, tt, pre {
	font-family: "Triplicate Code", Monaco, Courier, "Courier New", monospace; 
}

a {
	text-decoration: none;
	color: #09F;
	font-weight: bold;
}

a:visited { 
	color: #06C; 
}

p, li {
	max-width: 50em;
	line-height: 1.4;
}