@charset "UTF-8";
@font-face { font-family: 'fontello'; src: url("../font/fontello.eot?26793073"); src: url("../font/fontello.eot?26793073#iefix") format("embedded-opentype"), url("../font/fontello.woff2?26793073") format("woff2"), url("../font/fontello.woff?26793073") format("woff"), url("../font/fontello.ttf?26793073") format("truetype"), url("../font/fontello.svg?26793073#fontello") format("svg"); font-weight: normal; font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?26793073#fontello') format('svg'); } } */
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-calendar:before { content: '\e800'; }

/* '' */
.icon-github-circled:before { content: '\f09b'; }

/* '' */
.icon-twitter-squared:before { content: '\f304'; }

/* '' */
.icon-linkedin-squared:before { content: '\f30c'; }

/* '' */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

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

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

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

td, th { padding: 0; }

*, *:before, *:after { box-sizing: border-box; }

img, embed, object, video { max-width: 100%; }

/* Solarized Light 
For use with Jekyll and Pygments
http://ethanschoonover.com/solarized
SOLARIZED HEX      ROLE
--------- -------- ------------------------------------------
base01    #586e75  body text / default code / primary content
base1     #93a1a1  comments / secondary content
base3     #fdf6e3  background
orange    #cb4b16  constants
red       #dc322f  regex, special keywords
blue      #268bd2  reserved keywords
cyan      #2aa198  strings, numbers
green     #859900  operators, other keywords
*/
.highlight { background-color: #fdf6e3; color: #586e75; }

.highlight .c { color: #93a1a1; }

/* Comment */
.highlight .err { color: #586e75; }

/* Error */
.highlight .g { color: #586e75; }

/* Generic */
.highlight .k { color: #859900; }

/* Keyword */
.highlight .l { color: #586e75; }

/* Literal */
.highlight .n { color: #586e75; }

/* Name */
.highlight .o { color: #859900; }

/* Operator */
.highlight .x { color: #cb4b16; }

/* Other */
.highlight .p { color: #586e75; }

/* Punctuation */
.highlight .cm { color: #93a1a1; }

/* Comment.Multiline */
.highlight .cp { color: #859900; }

/* Comment.Preproc */
.highlight .c1 { color: #93a1a1; }

/* Comment.Single */
.highlight .cs { color: #859900; }

/* Comment.Special */
.highlight .gd { color: #2aa198; }

/* Generic.Deleted */
.highlight .ge { color: #586e75; font-style: italic; }

/* Generic.Emph */
.highlight .gr { color: #dc322f; }

/* Generic.Error */
.highlight .gh { color: #cb4b16; }

/* Generic.Heading */
.highlight .gi { color: #859900; }

/* Generic.Inserted */
.highlight .go { color: #586e75; }

/* Generic.Output */
.highlight .gp { color: #586e75; }

/* Generic.Prompt */
.highlight .gs { color: #586e75; font-weight: bold; }

/* Generic.Strong */
.highlight .gu { color: #cb4b16; }

/* Generic.Subheading */
.highlight .gt { color: #586e75; }

/* Generic.Traceback */
.highlight .kc { color: #cb4b16; }

/* Keyword.Constant */
.highlight .kd { color: #268bd2; }

/* Keyword.Declaration */
.highlight .kn { color: #859900; }

/* Keyword.Namespace */
.highlight .kp { color: #859900; }

/* Keyword.Pseudo */
.highlight .kr { color: #268bd2; }

/* Keyword.Reserved */
.highlight .kt { color: #dc322f; }

/* Keyword.Type */
.highlight .ld { color: #586e75; }

/* Literal.Date */
.highlight .m { color: #2aa198; }

/* Literal.Number */
.highlight .s { color: #2aa198; }

/* Literal.String */
.highlight .na { color: #586e75; }

/* Name.Attribute */
.highlight .nb { color: #B58900; }

/* Name.Builtin */
.highlight .nc { color: #268bd2; }

/* Name.Class */
.highlight .no { color: #cb4b16; }

/* Name.Constant */
.highlight .nd { color: #268bd2; }

/* Name.Decorator */
.highlight .ni { color: #cb4b16; }

/* Name.Entity */
.highlight .ne { color: #cb4b16; }

/* Name.Exception */
.highlight .nf { color: #268bd2; }

/* Name.Function */
.highlight .nl { color: #586e75; }

/* Name.Label */
.highlight .nn { color: #586e75; }

/* Name.Namespace */
.highlight .nx { color: #586e75; }

/* Name.Other */
.highlight .py { color: #586e75; }

/* Name.Property */
.highlight .nt { color: #268bd2; }

/* Name.Tag */
.highlight .nv { color: #268bd2; }

/* Name.Variable */
.highlight .ow { color: #859900; }

/* Operator.Word */
.highlight .w { color: #586e75; }

/* Text.Whitespace */
.highlight .mf { color: #2aa198; }

/* Literal.Number.Float */
.highlight .mh { color: #2aa198; }

/* Literal.Number.Hex */
.highlight .mi { color: #2aa198; }

/* Literal.Number.Integer */
.highlight .mo { color: #2aa198; }

/* Literal.Number.Oct */
.highlight .sb { color: #93a1a1; }

/* Literal.String.Backtick */
.highlight .sc { color: #2aa198; }

/* Literal.String.Char */
.highlight .sd { color: #586e75; }

/* Literal.String.Doc */
.highlight .s2 { color: #2aa198; }

/* Literal.String.Double */
.highlight .se { color: #cb4b16; }

/* Literal.String.Escape */
.highlight .sh { color: #586e75; }

/* Literal.String.Heredoc */
.highlight .si { color: #2aa198; }

/* Literal.String.Interpol */
.highlight .sx { color: #2aa198; }

/* Literal.String.Other */
.highlight .sr { color: #dc322f; }

/* Literal.String.Regex */
.highlight .s1 { color: #2aa198; }

/* Literal.String.Single */
.highlight .ss { color: #2aa198; }

/* Literal.String.Symbol */
.highlight .bp { color: #268bd2; }

/* Name.Builtin.Pseudo */
.highlight .vc { color: #268bd2; }

/* Name.Variable.Class */
.highlight .vg { color: #268bd2; }

/* Name.Variable.Global */
.highlight .vi { color: #268bd2; }

/* Name.Variable.Instance */
.highlight .il { color: #2aa198; }

/* Literal.Number.Integer.Long */
div.highlighter-rouge { width: 100vw; position: relative; right: 150px; margin: 40px 0; }

.highlight { background-color: #f4f4f4; }

div.highlight { padding: 30px 150px; }

pre.highlight, code { font-family: 'Consolas', Menlo, monospace; line-height: 1.4em; tab-size: 4; background-color: #f4f4f4; }

*, *:before, *:after { box-sizing: border-box; }

body { font-family: 'Nunito Sans', sans-serif; font-size: 16px; line-height: 1.55em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media screen and (min-width: 320px) { body { font-size: calc(16px + 3 * ((100vw - 320px) / 960)); } }

@media screen and (min-width: 1280px) { body { font-size: 19px; } }

a { color: #999; text-decoration: none; transition: border-bottom 0.4s; }

a:hover { border-bottom: 0.5px solid #999; }

h1, h2, h3 { line-height: 1.2em; }

h1 { font-size: 36px; }

@media screen and (min-width: 320px) { h1 { font-size: calc(36px + 12 * ((100vw - 320px) / 960)); } }

@media screen and (min-width: 1280px) { h1 { font-size: 48px; } }

h2 { font-weight: bold; font-size: 28px; }

@media screen and (min-width: 320px) { h2 { font-size: calc(28px + 4 * ((100vw - 320px) / 960)); } }

@media screen and (min-width: 1280px) { h2 { font-size: 32px; } }

h4 { font-weight: normal; font-size: 18px; }

@media screen and (min-width: 320px) { h4 { font-size: calc(18px + 2 * ((100vw - 320px) / 960)); } }

@media screen and (min-width: 1280px) { h4 { font-size: 20px; } }

figcaption { font-size: 10pt; line-height: 1.5em; margin-top: -1em; }

header { padding: 120px 0; color: #fff; overflow: hidden; }

header h2 { font-weight: normal; margin-top: 5px; }

header h1 { margin: 0; }

header .social { overflow: hidden; list-style-type: none; padding: 0; margin-top: 0; }

header .social li { color: #fff; float: left; }

header .social li i { font-size: 26px; transition: color .3s; }

header .social li i:first-child::before { margin-left: 0; }

@media screen and (min-width: 320px) { header .social li i { font-size: calc(26px + 8 * ((100vw - 320px) / 960)); } }

@media screen and (min-width: 1280px) { header .social li i { font-size: 34px; } }

header .social li i:hover { color: #999; }

.clearfix { clear: both; }

.container { margin: 0 150px; max-width: 720px; }

.container div.highlighter-rouge { right: 150px; }

@media screen and (max-width: 540px) { .container { margin: 0 15px; }
  .container div.highlighter-rouge { right: 15px; }
  .container div.highlight { padding: 30px 15px; } }

@media screen and (max-width: 768px) and (min-width: 540px) { .container { margin: 0 40px; }
  .container div.highlighter-rouge { right: 40px; }
  .container div.highlight { padding: 30px 40px; } }

@media screen and (max-width: 1024px) and (min-width: 768px) { .container { margin: 0 80px; }
  .container div.highlighter-rouge { right: 80px; }
  .container div.highlight { padding: 30px 80px; } }

@media screen and (min-width: 1024px) and (max-width: 1280px) { .container { margin: 0 100px; }
  .container div.highlighter-rouge { right: 100px; }
  .container div.highlight { padding: 30px 100px; } }

.post-title { color: #222; transition: color .3s ease; margin: .1em 0; }

.post-title:hover { color: #999; border-bottom: 0; }

.post-description { font-weight: normal; color: #ddd; margin-top: .5em; margin-bottom: 1.3em; }

.post-date { color: #999; }

.post-date .icon-calendar { margin-right: 6px; }

.post-tags { list-style-type: none; padding: 0; }

.post-tags li { float: left; padding: 10px 20px; background-color: #eee; color: #000; margin: 5px; border-radius: 2px; font-size: 15px; }

@media screen and (min-width: 320px) { .post-tags li { font-size: calc(15px + 2 * ((100vw - 320px) / 960)); } }

@media screen and (min-width: 1280px) { .post-tags li { font-size: 17px; } }

.post-tags li:first-child { margin-left: 0; }

.posts { list-style-type: none; padding: 0; }

.posts > li { margin-bottom: 30px; padding-bottom: 20px; }

.posts > li:not(:last-child) { border-bottom: 1px solid #eee; }

.posts, .post-container { margin-top: 40px; }

.post-meta { display: flex; justify-content: space-between; align-items: center; }

.post-meta a:hover { border-bottom: none; }

.post-container img { margin: 20px 0; }

.navbar { position: absolute; top: 0; right: 5vw; }

.navbar a { color: inherit; }

.navbar ul { list-style-type: none; }

.navbar ul li { border: 1px solid #fff; float: left; padding: 10px 25px; font-size: 15px; transition: background-color .3s ease-in; }

.navbar ul li:not(:first-child) { border-left: 0; }

@media screen and (min-width: 320px) { .navbar ul li { font-size: calc(15px + 2 * ((100vw - 320px) / 960)); } }

@media screen and (min-width: 1280px) { .navbar ul li { font-size: 17px; } }

.navbar ul li:hover { background-color: rgba(255, 255, 255, 0.15); cursor: pointer; }

.texture-black { background-image: url("/assets/textures/black.jpg"); }

.texture-black h2 { color: #999; }

.texture-blue { background-image: url("/assets/textures/blue.jpg"); }

.texture-blue h2 { color: #ddd; }

.texture-blue .social i:hover { color: #eee; }

.texture-blue .post-date { color: #ccc; }

.texture-red { background-image: url("/assets/textures/red.jpg"); }

.texture-purple { background-image: url("/assets/textures/purple.jpg"); }

.texture-green { background-image: url("/assets/textures/green.jpg"); }

.texture-green .post-date { color: #ccc; }

.texture-red h2, .texture-purple h2 { color: #ccc; }

.texture-red .social i, .texture-purple .social i { color: #ddd; }

.texture-red .social i:hover, .texture-purple .social i:hover { color: #efefef; }

.texture-red .post-date, .texture-purple .post-date { color: #ddd; }

/*# sourceMappingURL=style.css.map */