/* Base */
body { font-family: "IPST-Regular", "PT Serif", Georgia, "Times New Roman", serif; font-size: 18px; color: #505050; line-height: 1.75rem; }

@media (max-width: 30em) { body { font-size: 14px; line-height: 1.5rem; } body h1 { font-size: 1.5rem; } }

h1 { font-size: 2rem; }

h1 a { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: "IPST-Regular", sans-serif; color: #333; }

a { text-decoration: underline; color: #333; }

a:hover { color: black; border-bottom: none; }

img { max-width: 100%; height: auto; border-radius: 5px; }

blockquote { margin: 10px 20px 10px; padding: 0px 15px; border-left: 0.25em solid #ccc; color: #999; line-height: 1.5; }

hr { border-top: 1px solid #ccc; }

/* Tables */
table { border-collapse: collapse; margin-bottom: 30px; width: 100%; }

table, th, td { border: 1px solid black; }

th, td { padding: 15px; text-align: left; }

/* Code */
code, pre { font-family: "Source Code Pro", monospace; }

code { padding: .25em .5em; font-size: .8rem; background-color: #f5f5f5; border-radius: 3px; }

pre { display: block; margin-top: 0; margin-bottom: 1rem; padding: 1rem; font-size: .8rem; line-height: 1.4; white-space: pre; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; }

pre code { padding: 0; font-size: 100%; color: inherit; background-color: transparent; }

/* Horizontal code overflow fix */
pre.highlight { white-space: pre; overflow-x: auto; }

/* Pygments via Jekyll */
.highlight { margin-bottom: 1rem; border-radius: 4px; }

.highlight pre { margin-bottom: 0; }

/* Gist via GitHub Pages */
.gist .gist-file { font-family: "Source Code Pro", monospace !important; }

.gist .markdown-body { padding: 15px; }

.gist pre { padding: 0; background-color: transparent; }

.gist .gist-file .gist-data { font-size: .8rem !important; line-height: 1.4; }

.gist code { padding: 0; color: inherit; background-color: transparent; border-radius: 0; }

/* Site container */
.container { margin-left: auto; margin-right: auto; width: 615px; }

.content-container { margin-bottom: 4rem; }

/*48em*/
@media (max-width: 768px) { .container { width: 90vw; } }

/* Header */
.header { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 4rem; font-family: "IPST-Regular", sans-serif; }

.header a:hover { color: black; }

.header-title a { font-size: 2rem; text-decoration: none; color: #505050; }

.header-subtitle { color: #999; }

/* Menu */
.menu { padding-top: 0.5rem; display: block; }

.menu-content { float: left; }

.menu-content a { color: #999; font-size: 1rem; padding-right: 10px; }

.social-icons { float: right; }

.social-icons a { color: #999; font-size: 1rem; }

@media (max-width: 30em) { .social-icons { float: left; padding-top: 0px; } .menu-content { margin-bottom: 5px; } }

/* Footer */
.footer { color: #999; text-align: center; margin: 2rem; }

.footer a { color: #999; padding: 10px; text-decoration: none; }

.footer a:hover { color: #333; }

.footer-description { display: block; margin-top: 3px; margin-bottom: 1rem; color: #999; font-family: "IPST-Regular", sans-serif; font-size: 0.8rem; }

/* Posts */
.posts-container { margin-bottom: 5rem; padding: 0px; list-style: none; }

/* Thumbnail */
.thumbnail-container { max-width: 100%; overflow: hidden; border-radius: 5px; margin-bottom: 25px; }

.thumbnail-container img { margin-top: -11.5%; margin-bottom: -11.5%; }

/* Pagination */
.pagination { overflow: hidden; font-family: "IPST-Regular", sans-serif; text-align: center; }

.pagination a { text-decoration: none; }

.pagination-button { color: #999; border: 1px solid #e0e0e0; padding: 15px 45px; display: inline-block; font-size: 16px; font-weight: bold; }

.pagination-active { color: black; }

.pagination-active:hover { background-color: #e0e0e0; }

/* Post */
.post-date { display: block; margin-top: 3px; margin-bottom: 1rem; color: #999; font-family: "IPST-Regular", sans-serif; font-size: 0.8rem; }

@media (max-width: 30em) { .posts h1 { font-size: 1.5rem; } }

.related { padding-bottom: 2rem; }

.related-posts { padding-left: 0px; list-style: none; }

.related-posts a { text-decoration: none; }

/* Social media icons */
.sharing-icons a { padding-right: 10px; }

.fa-envelope { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-envelope:hover { color: #f39c12; }

.fa-twitter { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-twitter:hover { color: #00aced; }

.fa-instagram { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-instagram:hover { color: #375989; }

.fa-github { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-github:hover { color: #343434; }

.fa-linkedin { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-linkedin:hover { color: #0073a4; }

.fa-facebook { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-facebook:hover { color: #3d5b99; }

.fa-pinterest { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-pinterest:hover { color: #bd081c; }

.fa-medium { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-medium:hover { color: #00AB6C; }

.fa-codepen { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-codepen:hover { color: black; }

.fa-rss-square { padding: 5px; -webkit-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }

.fa-rss-square:hover { color: #ff6600; }

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