/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font: 300 16px/1.5 "Roboto Mono"; color: #333333; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure { margin-bottom: 15px; }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images */
img { max-width: 100%; vertical-align: middle; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 14px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; }

/** Links */
a { color: #E6306F; text-decoration: none; }

a:visited { color: #b4164c; }

a:hover { color: #333333; text-decoration: underline; }

.social-media-list a:hover { text-decoration: none; }

.social-media-list a:hover .username { text-decoration: underline; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }

/** Clearfix */
.wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }

.social-media-list li + li { padding-top: 5px; }

/** Tables */
table { margin-bottom: 30px; width: 100%; text-align: left; color: #616161; border-collapse: collapse; border: 1px solid #e8e8e8; }

table tr:nth-child(even) { background-color: #f7f7f7; }

table th, table td { padding: 10px 15px; }

table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }

table td { border: 1px solid #e8e8e8; }

body { display: flex; flex-direction: row; max-height: 100vh; background-color: #F2F2F2; padding-left: 300px; }

@media screen and (max-width: 800px) { body { padding-left: 0; flex-direction: column; } }

body header.site-sidebar { flex: 1; max-width: 300px; background: linear-gradient(117deg, #252525 50%, #111); color: white; text-align: center; height: 100vh; overflow: hidden; box-shadow: 0 -20px 40px 0 rgba(17, 17, 17, 0.72); position: fixed; left: 0; z-index: 9999; }

@media screen and (max-width: 800px) { body header.site-sidebar { position: relative; top: 0; max-width: 100vw; width: 100vw; max-height: 300px; min-height: 300px; padding-bottom: 30px; }
  body header.site-sidebar h3 { margin: 0; } }

body header.site-sidebar .wrapper { height: 100%; margin: 0; display: flex; flex-direction: column; }

body header.site-sidebar .profile-pic { background: url(/assets/img/profile.jpg); background-size: cover; min-width: 150px; max-width: 150px; min-height: 150px; max-height: 150px; border-radius: 50%; margin: 30px auto; border: 2px solid #E6306F; }

@media screen and (max-width: 800px) { body header.site-sidebar .profile-pic { min-width: 100px; max-width: 100px; min-height: 100px; max-height: 100px; margin: 30px auto 10px; } }

@media screen and (max-width: 800px) { body header.site-sidebar .location { display: none; } }

body header.site-sidebar hr { border-color: #E6306F; }

body header.site-sidebar .social .social-media-list { list-style: none; display: flex; flex-direction: row; margin: 20px 0; justify-content: center; }

body header.site-sidebar .social .social-media-list > li { padding: 0; margin: 0 5px; }

body header.site-sidebar nav { display: flex; flex-direction: column; text-align: left; margin: 30px 0; padding: 0 10px; flex: 1; font-size: 1.2em; }

@media screen and (max-width: 800px) { body header.site-sidebar nav { flex-direction: row; justify-content: space-around; } }

body header.site-sidebar nav a { font-style: none; height: 40px; color: white; }

body main { flex: 1; }

body main .wrapper { background: white; border: solid 1px #E6E6E6; box-shadow: 0 0 20px 0 #E6E6E6; min-height: 100vh; margin-top: 50px; padding: 80px 50px; border-radius: 10px; }

@media screen and (max-width: 800px) { body main .wrapper { margin-top: -10px; } }

article.post header .image-header { background: url(/assets/img/body-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 300px; margin: 20px 0; }

article.post header .post-title { font-family: "Roboto Slab"; font-weight: 400; font-size: 3em; }

article.post header .tags span { background: #F2F2F2; padding: 2px 8px; margin: 2px; border-radius: 2px; font-size: .8em; }

article.post .post-content { margin-top: 50px; padding: 0 5%; }

.home { margin-top: -50px; }

.home header h1:first-child { font-family: "Roboto Slab", Oswald; font-size: 110px; margin: 0; }

@media screen and (max-width: 800px) { .home header h1:first-child { font-size: 100px; } }

.home header ol { padding: 0 100px 0 20px; font-size: 0.8em; text-align: justify; }

.home hr { color: #E6306F; border-color: #E6306F; margin: 50px 0; }

.home .post-list { margin: 0; padding: 0 5%; }

.home .post-list li { display: flex; flex-direction: row; margin: 50px 0; }

@media screen and (max-width: 800px) { .home .post-list li { flex-direction: column; } }

.home .post-list li .image-header { background: url(/assets/img/body-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 30%; margin-right: 30px; }

@media screen and (max-width: 800px) { .home .post-list li .image-header { width: 100%; height: 200px; margin-bottom: 20px; } }

.home .post-list li .tags { margin: 0 -2px; }

.home .post-list li .tags span { background: #F2F2F2; padding: 2px 8px; margin: 2px; border-radius: 2px; font-size: .6em; }

.home .post-list li .content { flex: 1; font-size: 0.9em; }

.home .post-list li .content header { margin-bottom: 20px; }

.home .post-list li .content header .title { margin: 0; font-family: "Roboto Slab"; color: #E6306F; }

.home .post-list li .content header .date { font-size: 0.8em; }

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