@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; font-display: swap; }

/* 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%; }

main { overflow-x: hidden; }

.highlight .hll { background-color: #49483e; }

.highlight { background: #272822; color: #f8f8f2; }

.highlight .c { color: #75715e; }

/* Comment */
.highlight .err { color: #960050; background-color: #1e0010; }

/* Error */
.highlight .k { color: #66d9ef; }

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

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

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

/* Operator */
.highlight .p { color: #f8f8f2; }

/* Punctuation */
.highlight .ch { color: #75715e; }

/* Comment.Hashbang */
.highlight .cm { color: #75715e; }

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

/* Comment.Preproc */
.highlight .cpf { color: #75715e; }

/* Comment.PreprocFile */
.highlight .c1 { color: #75715e; }

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

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

/* Generic.Deleted */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gi { color: #a6e22e; }

/* Generic.Inserted */
.highlight .gs { font-weight: bold; }

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

/* Generic.Subheading */
.highlight .kc { color: #66d9ef; }

/* Keyword.Constant */
.highlight .kd { color: #66d9ef; }

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

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

/* Keyword.Pseudo */
.highlight .kr { color: #66d9ef; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Text.Whitespace */
.highlight .mb { color: #ae81ff; }

/* Literal.Number.Bin */
.highlight .mf { color: #ae81ff; }

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

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

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

/* Literal.Number.Oct */
.highlight .sa { color: #e6db74; }

/* Literal.String.Affix */
.highlight .sb { color: #e6db74; }

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

/* Literal.String.Char */
.highlight .dl { color: #e6db74; }

/* Literal.String.Delimiter */
.highlight .sd { color: #e6db74; }

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

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

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

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

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

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

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

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

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

/* Name.Builtin.Pseudo */
.highlight .fm { color: #a6e22e; }

/* Name.Function.Magic */
.highlight .vc { color: #f8f8f2; }

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

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

/* Name.Variable.Instance */
.highlight .vm { color: #f8f8f2; }

/* Name.Variable.Magic */
.highlight .il { color: #ae81ff; }

/* Literal.Number.Integer.Long */
pre.highlight, code { font-family: 'Consolas', Menlo, monospace; font-size: small; line-height: 1.4em; tab-size: 4; }

figure.highlight, div.highlighter-rouge { background-color: #272822; margin: 0; border: none; border-radius: 5px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); padding: 0; position: relative; text-align: left; }

figure.highlight pre code, div.highlighter-rouge pre code { display: block; /* Display language */ }

figure.highlight pre code[data-lang]::before, div.highlighter-rouge pre code[data-lang]::before { content: attr(data-lang); font-size: smaller; position: absolute; right: 15px; top: -10px; background-color: #272822; border: 1px solid #505050; border-radius: 5px; padding: 2px 5px; text-align: center; }

pre code { border: 0; padding: 15px 0.5rem; white-space: pre; }

figure.highlight pre code { padding: 20px 0.5rem; /* Use a counter to generate the line numbers */ counter-reset: code; }

figure.highlight pre code div { /* Increment the counter for each div */ counter-increment: code; }

figure.highlight pre code div:before { content: counter(code); width: 14px; /* Define the width for the line number */ text-align: right; display: inline-block; padding-right: 7.5px; margin-right: 12px; border-right: 1px solid gray; /* For older browsers and Safari */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

html, body { height: 100%; margin: 0; padding: 0; }

#page-container { position: relative; min-height: 100%; }

#content-wrap { padding-bottom: 240px; /* Footer height */ }

*, *: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: #222222c2; text-decoration: none; transition: border-bottom 0.4s; }

a:hover { color: #c53c2a; }

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; text-align: center; font-style: italic; }

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

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

header h1 { margin: 0; }

header a.title { background-image: url("/assets/logo_technopreneur.png"); background-repeat: no-repeat; padding-left: 60px; font-family: 'Audiowide', Arial, Helvetica, sans-serif, cursive; color: #fff; text-decoration: none; }

header a.title:hover { color: #fff; }

header a.title .white { color: #fff; }

header a.title .red { color: #c53c2a; }

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; text-align: justify; }

@media screen and (max-width: 540px) { .container { margin: 0 15px; } }

@media screen and (max-width: 768px) and (min-width: 540px) { .container { margin: 0 40px; } }

@media screen and (max-width: 1024px) and (min-width: 768px) { .container { margin: 0 80px; } }

@media screen and (min-width: 1024px) and (max-width: 1280px) { .container { margin: 0 100px; } }

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

.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: #222222c2; float: left; }

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

.post-categories { float: left; color: #999; }

.category-item .post-link { margin-left: 5px; }

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

.post-tags li { float: left; margin-left: 10px; }

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

.post-tags li a:before { content: "#"; }

.post-content { clear: both; padding-top: 20px; }

.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; padding-bottom: 10px; }

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

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

.post { clear: both; padding: 10px 0; }

.navbar { display: flex; 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; }

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

#categories a.post-link { color: #c53c2a; }

#categories a.post-link:hover { color: #222222c2; }

hr { height: 2px; padding: 0; margin: 1rem 0; background-color: #eff0f1; border: 0; }

footer { position: absolute; bottom: 0; width: 100%; height: auto; /* Height of the footer */ color: #fff; }

footer .container { padding: 20px 0; }

footer p { margin: 0; padding: 0; }

footer a, footer .social li i { color: #999; transition: color .3s; }

footer a:hover, footer .social li i:hover { color: #c53c2a; }

footer section.links { float: left; padding-left: 30px; }

footer section.links:first-child { padding-left: 0; }

footer section.links .link-title { font-weight: bold; }

footer section.links ul.links { list-style-type: none; padding: 0; margin-top: 0; }

footer .copyright { clear: both; }

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

footer .social li { color: #999; float: left; }

footer .social li i { font-size: 26px; }

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

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

.texture-black { background-color: 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 */