@import url(//neruthes.github.io/fonts/seravek.css);
@import url(//neruthes.github.io/fonts/realtimerounded.css);
@import url(//neruthes.github.io/fonts/jetbrains-mono.css);
/* @import url(//neruthes.github.io/fonts/erato.css); */

* {
	text-rendering: optimizeLegibility;
	box-sizing: border-box !important;
}

html, body {
	font-family: 'Realtime Rounded', 'RealtimeRounded', 'JetBrains Mono', 'Source Code Pro', 'Inconsolata', 'Myriad Pro', 'Myriad', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
	font-size: 10px;
	font-weight: 300;
	color: #000;
	background-color: #FAFAFA;
}

header.global a {
	display: block;
}

header.global h1,
header.global h2 {
	color: #000;
	text-align: center;
	margin: 0;
}

h1 {
	text-decoration: none;
	padding: 30px 0 10px;
}

header.global h1 {
	font-weight: 200;
}
header.global h2 {
	font-weight: 500;
	font-variant-numeric: tabular-nums lining-nums;
	padding: 10px 0;
	margin: 0;
}

.avatar {
	width: 180px;
	height: 180px;
	margin: 0 auto;
	background: #FFF url(//neruthes.github.io/neruthes-forceCircle-padded.png) center no-repeat scroll;
	background-size: cover;
	border-radius: 2000px;
	box-shadow: rgba(0, 0, 0, 0.15) 0 0 40px 2px;
	-webkit-transition: transform 270ms ease;
	-moz-transition: transform 270ms ease;
	transition: transform 270ms ease !important;
}

.avatar:hover {
	/* box-shadow: rgba(0, 0, 0, 0.432222) 0 0 5px inset; */
	transform: scale(1.03) !important;
}

a {
	color: inherit;
	text-decoration: inherit;
}

.global a {
	text-decoration: none;
}

.post {
	font-weight: 400;
	padding-top: 60px;
	margin-bottom: 90px;
	background: #FFF;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.08) 0 16px 48px 4px;
}

.post * {
	font-variant-ligatures: none !important;
}

.post-h2 {
	font-size: 3.4rem;
	font-weight: 500;
	padding: 0 10px;
	margin: 0 0 0;
}

.post-date {
	padding: 0 10px;
}

.post-h2, .post-h2 a {
	color: #2B8CD2;
}

.post-text {
	font-weight: 400;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	padding-top: 10px;
}

.post-text h3,
.post-text h4,
.post-text h5,
.post-text h6,
.post-text p,
.post-text blockquote,
.post-text ul,
.post-text ul li,
.post-text ol,
.post-text ol li,
.post-text aside,
.post-text figure,
.post-text figcaption,
.post-text table,
.post-text tbody,
.post-text tr,
.post-text th,
.post-text td,
.post-text pre,
.post-text code {
	font-family: 'JetBrains Mono', 'Myriad Pro', 'Myriad', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.post-text > h3 {
	font-size: 2.8rem;
	/* margin: 20px 0 20px; */
}
.post-text > h4 {
	font-size: 2rem;
}

.post-text > h3,
.post-text > h4,
.post-text > h5,
.post-text > h6 {
	font-weight: 500;
	padding: 0 10px;
	margin: 20px 0 20px;
}

h1, h2, h3, h4, h5, h6 {
	-webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
}

.post-text > p,
.post-text > blockquote,
.post-text > pre,
.post-text > figure,
.post-text > table,
.post-text > aside {
	padding: 0 10px;
}
.post-text p,
.post-text blockquote,
.post-text pre,
.post-text aside {
	line-height: 1.6em;
	margin: 1em 0;
}

.post-text > aside {
	font-size: 0.75em;
	font-weight: 100;
	color: #AAA;
}

.post-text > aside:last-child {
	margin-top: 30px;
}

.post-text > aside:last-child::before {
	content: " ";
	background: #DDD;
	display: block;
	width: 110px;
	height: 1px;
	margin: 0 0 18px;
}

.post-text > p a {
	color: #2B8CD2;
}

.post-text > p a:hover {
	border-bottom: 1px solid #C0C0C0;
}

.post-text em {
	font-style: italic;
}

.post-text strong {
	font-weight: 600;
}

.post-text > ol,
.post-text > ul {
	font-size: inherit;
	padding: 0 15px 0 calc(10px + 1.2em);
}

.post-text > ol > li, .post-text > ul > li {
	line-height: 1.5em;
	margin: 0 0 12px;
}

.post-text code {
	background: #F5F5F5;
	box-shadow: #F5F5F5 0 0 0 2px;
	border-radius: 1px;
}

.post-text figure {
	width: 100%;
	margin: 17px 0;
}

.post-text img {
	border-radius: 3px;
}

.post-text img.custom {
	border-radius: 0px !important;
}

.post-text figure img {
	margin-left: auto;
	margin-right: auto;
}

.post-text figure figcaption {
	font-size: 1.2rem;
	font-style: normal;
	text-align: center;
	padding: 0.5rem 0 0;
}

.post-text p > img {
	float: right;
}

.post-text blockquote {
	border-left: 1px solid #CCC;
	padding: 0 10px 0 9px;
}
.post-text blockquote * {
	font-style: normal;
}

.post-text pre {
	background: #F5F5F5;
	border-radius: 4px;
	overflow-x: scroll;

	padding: 10px;
}

.post-text table {
	border-collapse:collapse;
	margin-left: 10px;
	margin-right: 10px;
}
.post-text tbody,
.post-text tbody tr,
.post-text tbody tr * {
	font-size: inherit;
}
.post-text tbody tr * {
	/* font-size: 1.6rem; */
	text-align: left;
	border: 1px solid #000;
	padding: 5px;
	min-width: 100px;
}

.post-date {
	font-size: 1.8rem;
	font-weight: 400;
	color: #999;
	display: block;
	margin: 0 0 27px;
}

.post-date:hover {
	color: #777;
}

.post-date a {
	color: inherit;
}

.post.more li > a {
	/*font-size: 2.6em;*/
	/*font-weight: normal;*/
	/*color: #2B8CD2;*/
}

nav.prevandnext span, nav.prevandnext span a {
	font-size: 2rem;
	font-weight: 500;
	font-variant-ligatures: none;
	text-transform: uppercase;
	display: block;
	padding: 1em 0;
}

footer.global {
	font-size: 1.4rem;
	font-weight: 400;
	color: #000;
	text-align: center;
}