/*!
 * end2end - jekyll theme free
 * https://github.com/nandomoreirame/end2end
 * MIT License
 */

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,700");
html {
	box-sizing: border-box
}

*,
*::after,
*::before {
	box-sizing: inherit
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.btn,
.sliding-panel-button {
	appearance: none;
	background-color: #337ab7;
	border: 0;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
	line-height: 1;
	padding: .75em 1.5em;
	text-decoration: none;
	transition: background-color .2s ease;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap
}

.btn:hover,
.sliding-panel-button:hover,
.btn:focus,
.sliding-panel-button:focus {
	background-color: #296292;
	color: #fff
}

.btn:disabled,
.sliding-panel-button:disabled {
	cursor: not-allowed;
	opacity: 0.5
}

.btn:disabled:hover,
.sliding-panel-button:disabled:hover {
	background-color: #337ab7
}

fieldset {
	background-color: #f7f7f7;
	border: 1px solid #dedede;
	margin: 0 0 .75em;
	padding: 1.5em
}

input,
label,
select {
	display: block;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 1em
}

label {
	font-weight: 600;
	margin-bottom: .375em
}

label.required::after {
	content: "*"
}

label abbr {
	display: none
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea,
select[multiple=multiple] {
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 3px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 1em;
	margin-bottom: .75em;
	padding: .5em;
	transition: border-color .2s ease;
	width: 100%
}

input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
input:not([type]):hover,
textarea:hover,
select[multiple=multiple]:hover {
	border-color: #b2b2b2
}

input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input:not([type]):focus,
textarea:focus,
select[multiple=multiple]:focus {
	border-color: #337ab7;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(45, 109, 163, 0.7);
	outline: none
}

input[type="color"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled,
input:not([type]):disabled,
textarea:disabled,
select[multiple=multiple]:disabled {
	background-color: #f2f2f2;
	cursor: not-allowed
}

input[type="color"]:disabled:hover,
input[type="date"]:disabled:hover,
input[type="datetime"]:disabled:hover,
input[type="datetime-local"]:disabled:hover,
input[type="email"]:disabled:hover,
input[type="month"]:disabled:hover,
input[type="number"]:disabled:hover,
input[type="password"]:disabled:hover,
input[type="search"]:disabled:hover,
input[type="tel"]:disabled:hover,
input[type="text"]:disabled:hover,
input[type="time"]:disabled:hover,
input[type="url"]:disabled:hover,
input[type="week"]:disabled:hover,
input:not([type]):disabled:hover,
textarea:disabled:hover,
select[multiple=multiple]:disabled:hover {
	border: 1px solid #dedede
}

textarea {
	resize: vertical
}

input[type="search"] {
	appearance: none
}

input[type="checkbox"],
input[type="radio"] {
	display: inline;
	margin-right: .375em
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	display: inline-block
}

input[type="file"] {
	margin-bottom: .75em;
	width: 100%
}

select {
	margin-bottom: 1.5em;
	max-width: 100%;
	width: auto
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	padding-left: 25px
}

dl {
	margin-bottom: .75em
}

dl dt {
	font-weight: bold;
	margin-top: .75em
}

dl dd {
	margin: 0
}

table {
	border-collapse: collapse;
	font-feature-settings: "kern", "liga", "tnum";
	margin: .75em 0;
	table-layout: fixed;
	width: 100%
}

th {
	border-bottom: 1px solid #a7a7a7;
	font-weight: 600;
	padding: .75em 0;
	text-align: left
}

td {
	border-bottom: 1px solid #dedede;
	padding: .75em 0
}

tr,
td,
th {
	vertical-align: middle
}

body {
	color: #636363;
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-feature-settings: "kern", "liga", "pnum";
	font-size: 1em;
	font-weight: 400;
	line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 1em;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 .75em
}

h1 {
	font-size: 1.875rem
}

h2 {
	font-size: 1.625rem
}

h3 {
	font-size: 1.5rem
}

h4 {
	font-size: 1.25rem
}

h5,
h6 {
	font-size: 1rem
}

p {
	margin: 0 0 .75em;
	font-weight: 300
}

em {
	font-style: italic
}

small {
	font-size: 80%
}

a {
	color: #337ab7;
	text-decoration: none;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	transition: color .2s ease
}

a:active,
a:focus,
a:hover {
	color: #265c89
}

hr {
	border-bottom: 1px solid #dedede;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	margin: 1.5em 0
}

img,
picture {
	margin: 0;
	max-width: 100%
}

code {
	background: none;
	border-radius: 0;
	border: none;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0;
	padding: 0 5px;
	background-color: #ededed
}

pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0
}

pre code {
	line-height: 1.75em
}

.txt-primary {
	color: #337ab7
}

.txt-white {
	color: #fff
}

.txt-black {
	color: #000
}

.txt-blue {
	color: #477dca
}

.txt-dark-gray {
	color: #232323
}

.txt-medium-gray {
	color: #9a9a9a
}

.txt-light-gray {
	color: #dedede
}

.txt-left {
	text-align: left
}

.txt-right {
	text-align: right
}

.txt-center {
	text-align: center
}

.txt-justify {
	text-align: justify
}

.word-wrap {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all
}

.dot {
	border-radius: 50%
}

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "“" "”" "‘" "’"
}

blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em
}

blockquote p {
	display: inline
}

.site-header::after,
.social::after,
.pagination::after,
.highlight::after {
	clear: both;
	content: "";
	display: table
}

html,
body {
	min-height: 100%;
	height: 100%
}

body {
	/* border-top: 5px solid #337ab7; */
	background: #fff url("../img/bg-pattern.png")
}

.container {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-left: .75em;
	padding-right: .75em
}

.container::after {
	clear: both;
	content: "";
	display: table
}

.card,
.post-list .post {
	background-color: #fff;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
	margin: 0 0 1.5em;
	padding: 1.5em .75em
}

@media screen and (min-width: 480px) {
	.card,
	.post-list .post {
		padding: 1.5em
	}
}

.site-header {
	background-color: #fff;
	padding: 1.5em 0;
	margin-bottom: 1.5em;
	border-bottom: 1px solid rgba(222, 222, 222, 0.5)
}

.site-header h1 {
	margin: 0;
	padding: 5px 0;
	float: left;
	font-weight: 400;
	font-size: 1.25rem
}

.site-header h1 span {
	color: #337ab7
}

.site-header h1,
.site-header a {
	text-transform: lowercase
}

.site-header .navbar {
	float: right
}

.site-header a {
	color: #9a9a9a
}

.site-header a:hover,
.site-header a:focus,
.site-header a:active {
	color: #232323
}

@media screen and (max-width: 480px) {
	.site-header .container {
		padding-left: 1.5em;
		padding-right: 1.5em
	}
}

.sliding-panel-button {
	float: right;
	padding: 5px
}

.sliding-panel-button span {
	width: 30px;
	display: block;
	height: 3px;
	border-radius: 2px;
	background: #fff;
	margin: 3px 0
}

@media screen and (min-width: 480px) {
	.sliding-panel-button {
		display: none
	}
}

@media screen and (max-width: 480px) {
	.sliding-panel-content {
		border-top: 5px solid #337ab7;
		position: fixed;
		top: 0;
		right: auto;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 220px;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: all 0.25s linear;
		-moz-transition: all 0.25s linear;
		transition: all 0.25s linear;
		background: #fff;
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
		z-index: 999999
	}
	.sliding-panel-content.is-visible {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	.sliding-panel-fade-screen {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-transition: all 0.15s ease-out 0s;
		-moz-transition: all 0.15s ease-out 0s;
		transition: all 0.15s ease-out 0s;
		background: #000;
		opacity: 0;
		visibility: hidden;
		z-index: 9999
	}
	.sliding-panel-fade-screen.is-visible {
		opacity: 0.4;
		visibility: visible
	}
	.sliding-panel-close {
		cursor: pointer
	}
}

.navbar li,
.navbar a {
	display: inline-block
}

.navbar a {
	padding: 5px 15px
}

@media screen and (max-width: 600px) {
	.navbar a {
		padding: 5px 10px
	}
}

@media screen and (max-width: 480px) {
	.navbar li,
	.navbar a {
		display: block;
		text-align: center
	}
	.navbar li {
		border-bottom: 1px solid #f2f2f2
	}
	.navbar a {
		padding: 15px 0
	}
}

.btn.btn-ghost,
.btn-ghost.sliding-panel-button {
	background-color: transparent;
	border: 2px solid #337ab7;
	color: #337ab7
}

.btn.disabled,
.disabled.sliding-panel-button,
.btn[disabled],
[disabled].sliding-panel-button,
fieldset[disabled] .btn,
fieldset[disabled] .sliding-panel-button {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65
}

body.home {
	width: 100%;
	display: table
}

.hero {
	text-align: center;
	display: table-cell;
	vertical-align: middle
}

.hero-inner {
	text-align: center;
	display: inline-block;
	padding: 1.5em
}

.hero-inner .dot {
	padding: 5px;
	border: 1px solid #dedede
}

.hero-inner h1 {
	margin-top: .7em;
	font-size: 2.5rem
}

.hero-inner h3 {
	font-size: 1.25rem;
	margin: .8em 0 1.2em
}

@media screen and (min-width: 600px) {
	.hero-inner h3 {
		font-size: 1.5rem
	}
}

.hero-inner h3,
.hero-inner em {
	font-weight: 300
}

.hero-inner em {
	color: #337ab7
}

.hero-inner strong {
	font-weight: 700
}

.post {
	padding: 1.5em 0
}

.post-header {
	margin-bottom: 1.5em
}

.post-title {
	font-size: 1.625rem;
	margin-bottom: 0;
	line-height: 1.5em
}

.post-list .post a {
	color: #636363
}

.post-list .post a:hover,
.post-list .post a:active,
.post-list .post a:focus {
	color: #337ab7
}

.social {
	padding: 1.5em 0
}

.social li {
	display: inline-block;
	padding: 0 .6em
}

.social a {
	color: #9a9a9a
}

.social a:hover,
.social a:active,
.social a:focus {
	color: #337ab7
}

.social i {
	font-size: 1.2em
}

.pagination {
	text-align: center;
	margin: 2em 0
}

.pagination li {
	padding: 0 .4em
}

.pagination li,
.pagination a,
.pagination span {
	display: inline-block
}

.pagination a,
.pagination span {
	line-height: 1.2em;
	font-size: .75rem
}

.pagination .btn,
.pagination .sliding-panel-button {
	color: #636363;
	border-color: rgba(222, 222, 222, 0.8)
}

.pagination span {
	color: #aaa;
	font-style: italic
}

.site-footer {
	background-color: #fff;
	border-top: 1px solid rgba(222, 222, 222, 0.5);
	padding: 1.5em;
	text-align: center
}

.site-footer p {
	margin: 0
}

.github-corner:hover .octo-arm {
	animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {
	0%,
	100% {
		transform: rotate(0)
	}
	20%,
	60% {
		transform: rotate(-25deg)
	}
	40%,
	80% {
		transform: rotate(10deg)
	}
}

@media (max-width: 500px) {
	.github-corner:hover .octo-arm {
		animation: none
	}
	.github-corner .octo-arm {
		animation: octocat-wave 560ms ease-in-out
	}
}

@font-face {
	font-family: "end2end-icons";
	src: url("../fonts/end2end-icons.eot?vs69d0");
	src: url("../fonts/end2end-icons.eot?vs69d0#iefix") format("embedded-opentype"), url("../fonts/end2end-icons.ttf?vs69d0") format("truetype"), url("../fonts/end2end-icons.woff?vs69d0") format("woff"), url("../fonts/end2end-icons.svg?vs69d0#end2end-icons") format("svg");
	font-weight: normal;
	font-style: normal
}

.icon {
	font-family: "end2end-icons" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-home:before {
	content: ""
}

.icon-comments:before {
	content: ""
}

.icon-comment-o:before {
	content: ""
}

.icon-comments-o:before {
	content: ""
}

.icon-search:before {
	content: ""
}

.icon-share:before {
	content: ""
}

.icon-google-plus:before {
	content: ""
}

.icon-facebook:before {
	content: ""
}

.icon-facebook-rounded:before {
	content: ""
}

.icon-twitter:before {
	content: ""
}

.icon-twitter-rounded:before {
	content: ""
}

.icon-feed:before {
	content: ""
}

.icon-github:before {
	content: ""
}

.icon-linkedin:before {
	content: ""
}

.highlight {
	padding: 0;
	margin-top: 1.2em;
	margin-bottom: 1.2em
}

.highlight,
.highlight .hll,
.highlight pre,
.highlight code {
	background-color: #272822 !important;
	border: none
}

.highlight pre {
	margin: 0;
	padding: 1.3em;
	white-space: pre;
	line-height: 23px;
	overflow-x: auto;
	margin-bottom: 0;
	word-break: inherit;
	word-wrap: inherit
}

.highlight pre,
.highlight pre code {
	color: #eeffdd
}

.highlight pre code {
	white-space: pre;
	padding: 0 !important
}

.highlight pre code * {
	white-space: nowrap
}

.highlight .c {
	color: #75715e
}

.highlight .err {
	color: #f2f1f2
}

.highlight .k {
	color: #66d9ef
}

.highlight .l {
	color: #ae81ff
}

.highlight .n {
	color: #f8f8f2
}

.highlight .o {
	color: #f92672
}

.highlight .p {
	color: #f8f8f2
}

.highlight .cm {
	color: #75715e
}

.highlight .cp {
	color: #75715e
}

.highlight .c1 {
	color: #75715e
}

.highlight .cs {
	color: #75715e
}

.highlight .ge {
	font-style: italic
}

.highlight .gs {
	font-weight: bold
}

.highlight .kc {
	color: #66d9ef
}

.highlight .kd {
	color: #66d9ef
}

.highlight .kn {
	color: #f92672
}

.highlight .kp {
	color: #66d9ef
}

.highlight .kr {
	color: #66d9ef
}

.highlight .kt {
	color: #66d9ef
}

.highlight .ld {
	color: #e6db74
}

.highlight .m {
	color: #ae81ff
}

.highlight .s {
	color: #e6db74
}

.highlight .na {
	color: #a6e22e
}

.highlight .nb {
	color: #f8f8f2
}

.highlight .nc {
	color: #a6e22e
}

.highlight .no {
	color: #66d9ef
}

.highlight .nd {
	color: #a6e22e
}

.highlight .ni {
	color: #f8f8f2
}

.highlight .ne {
	color: #a6e22e
}

.highlight .nf {
	color: #a6e22e
}

.highlight .nl {
	color: #f8f8f2
}

.highlight .nn {
	color: #f8f8f2
}

.highlight .nx {
	color: #a6e22e
}

.highlight .py {
	color: #f8f8f2
}

.highlight .nt {
	color: #f92672
}

.highlight .nv {
	color: #f8f8f2
}

.highlight .ow {
	color: #f92672
}

.highlight .w {
	color: #f8f8f2
}

.highlight .mf {
	color: #ae81ff
}

.highlight .mh {
	color: #ae81ff
}

.highlight .mi {
	color: #ae81ff
}

.highlight .mo {
	color: #ae81ff
}

.highlight .sb {
	color: #e6db74
}

.highlight .sc {
	color: #e6db74
}

.highlight .sd {
	color: #e6db74
}

.highlight .s2 {
	color: #e6db74
}

.highlight .se {
	color: #ae81ff
}

.highlight .sh {
	color: #e6db74
}

.highlight .si {
	color: #e6db74
}

.highlight .sx {
	color: #e6db74
}

.highlight .sr {
	color: #e6db74
}

.highlight .s1 {
	color: #e6db74
}

.highlight .ss {
	color: #e6db74
}

.highlight .bp {
	color: #f8f8f2
}

.highlight .vc {
	color: #f8f8f2
}

.highlight .vg {
	color: #f8f8f2
}

.highlight .vi {
	color: #f8f8f2
}

.highlight .il {
	color: #ae81ff
}

.highlight .gu {
	color: #75715e
}

.highlight .gd {
	color: #f92672
}

.highlight .gi {
	color: #a6e22e
}