

/* Start:/articles/styles.css?17103581558979*/
/*! bettertext.css v2.0.4 | MIT License | github.com/paulradzkov/bettertext.css */
.article-text article:not([class]),
.article-text section:not([class]) {
    margin: calc(24px + 4vh) calc(10px + 4vw);
}
.article-text article:not([class]),
.article-text article:not([class]) article:not([class]),
.article-text section:not([class]) article:not([class]),
.article-text section:not([class]),
.article-text article:not([class]) section:not([class]),
.article-text section:not([class]) section:not([class]) {
    margin-left: 0;
    margin-right: 0;
}
.article-text a{
    color: #0684bd;
    text-decoration: underline;
}
.article-text a:hover{
    text-decoration: none;
}
.article-text p {
    margin: 0 auto 1.5em;
    max-width: 50rem;
}
/* minimum paragraph width when floating http://css-tricks.com/minimum-paragraph-widths/ */
.article-text p:before,
.article-text ol:not([class]):before,
.article-text ul:not([class]):before {
    content: '';
    display: block;
    width: 10em;
    overflow: hidden;
}
.article-text li p:before {
    content: none;
}
.article-text h1,
.article-text h2,
.article-text h3,
.article-text h4,
.article-text h5,
.article-text h6 {
    /*font-family: sans-serif;*/
    font-weight: bold;
    max-width: 50rem;
    color: #22446b;
}
.article-text h1 {
    font-size: 1.625em !important;
    line-height: 1.1 !important;
    margin: 3.23076923em auto 0.92307692em !important;
}
.article-text h2 {
    font-size: 1.4375em !important;
    line-height: 1.2 !important;
    margin: 3.13043478em auto 1.04347826em !important;
}
.article-text h3 {
    font-size: 1.25em !important;
    line-height: 1.3 !important;
    margin: 3em auto 1.2em !important;
}
.article-text h4 {
    font-size: 1.125em !important;
    line-height: 1.4 !important;
    margin: 2.66666667em auto 1.33333333em !important;
}
.article-text h5 {
    font-size: 1em !important;
    line-height: 1.5 !important;
    margin: 2.25em auto 1.5em !important;
}
.article-text h6 {
    font-size: 0.75em !important;
    line-height: 2 !important;
    margin: 2em auto 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
@media (min-width: 768px) {
    .article-text h1 {
        font-size: 2.4375em !important;
        margin-top: 3.07692308em !important;
        margin-bottom: 0.61538462em !important;
    }
    .article-text h2 {
        font-size: 1.9375em !important;
        margin-top: 3.09677419em !important;
        margin-bottom: 0.77419355em !important;
    }
    .article-text h3 {
        font-size: 1.5625em !important;
        margin-top: 2.88em !important;
        margin-bottom: 0.96em !important;
    }
    .article-text h4 {
        font-size: 1.25em !important;
        margin-top: 2.4em !important;
        margin-bottom: 1.2em !important;
    }
}
.article-text h1:first-child,
.article-text h2:first-child,
.article-text h3:first-child,
.article-text h4:first-child,
.article-text h5:first-child,
.article-text h6:first-child {
    margin-top: 0;
}
/* double headers */
.article-text h1 + h2 {
    margin-top: 1.2em !important;
}
.article-text h2 + h3 {
    margin-top: 1.3em !important;
}
.article-text h3 + h4 {
    margin-top: 1.4em !important;
}
.article-text h4 + h5 {
    margin-top: 1.5em !important;
}
.article-text h5 + h6 {
    margin-top: 2em !important;
}
/* lists */
/* lists without classes */
.article-text ul:not([class]),
.article-text ol:not([class]) {
    margin: 0 auto 1.5em !important;
    max-width: calc(47.5rem);
    padding-left: 0 !important;
    padding-right: 2.5em !important;
}
.article-text ul:not([class]) ul,
.article-text ol:not([class]) ul,
.article-text ul:not([class]) ol,
.article-text ol:not([class]) ol {
    margin-bottom: 0;
}
.article-text ul:not([class]) li,
.article-text ol:not([class]) li {
    transform: translateX(2.5em);
    animation: fixlists 1s;
}
.article-text ol:not([class]) li{
    list-style: decimal;
}
.article-text ul:not([class]) li{
    list-style: disc;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.article-text ul:not([class]) li li{
    list-style: circle;
}
.article-text ul:not([class]) li li li{
    list-style: square;
}
.article-text ul:not([class]) li:before{
    display: none !important;
}
@keyframes fixlists {
    0% {
        text-indent: -0.001em;
    }
    100% {
        text-indent: 0;
    }
}
/* images */
.article-text img {
    max-width: 100%;
    height: auto;
    width: auto !important;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
}
.article-text p img:not(:only-child) {
    vertical-align: baseline;
}
.article-text figure:not([class]) {
    margin: 3em 0;
}
.article-text figure:not([class]) > p {
    max-width: 37.5rem;
    font-size: 0.75em;
    margin: 0.5em 0 0;
}
.article-text figcaption {
    max-width: 37.5rem;
    font-size: 0.75em;
    margin: 0.5em auto 3em;
}
.article-text figcaption > p {
    margin: 0.5em 0 0;
}
/* blockquotes */
.article-text blockquote {
    max-width: calc(45rem);
    margin: 0 auto 1.5em;
    padding: 1.5em 2.5em;
}
.article-text blockquote > p:last-child {
    margin-bottom: 0;
}
.article-text blockquote > footer,
.article-text blockquote > cite {
    display: block;
    font-size: 0.75em;
}
/* code */
.article-text pre {
    margin: 1.5em auto;
    white-space: pre-wrap;
    max-width: 50rem;
}
.article-text p code {
    line-break: loose;
    overflow-wrap: break-word;

}
/* tables */
.article-text table:not([class]) {
    margin: 3em auto 3em;
    border-collapse: separate;
    border-spacing: 0;
}
.article-text table:not([class]) caption {
    text-align: left;
    font-size: 0.75em;
    margin-bottom: 0.625em;
}
.article-text table:not([class]) td,
.article-text table:not([class]) th {
    padding: 0.5em 1em;
    text-align: left;
    vertical-align: top;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px;
}
.article-text table:not([class]) thead td,
.article-text table:not([class]) thead th {
    vertical-align: bottom;
    border-bottom-width: 2px;
}
/* definition lists */
.article-text dl:not([class]) {
    max-width: 50rem;
    margin: 0 auto 1.5em;
}
.article-text dl:not([class]) dt:not([class]) {
    font-weight: bold;
}
.article-text dl:not([class]) dd:not([class]) {
    margin: 0 0 1.5em;
}
/* other tags */
.article-text hr:not([class]) {
    border: 0;
    border-bottom: 1px solid;
    margin: 1.5em 0;
    max-width: 50rem;
    opacity: .1;
}
.article-text abbr {
    letter-spacing: .05em;
    margin-right: -0.05em;
}
.article-text strong,
.article-text b,
.article-text dt {
    font-weight: bold;
}
.article-text code,
.article-text kbd,
.article-text pre,
.article-text samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
.article-text code {
background: #eee; 
padding: 10px;
border: 1px solid #ccc !important; 
display: block;
}

/*

github.com style (c) Vasily Polovnyov <vast@whiteants.net>

*/

/*pre code,
.hljs {
  display: block;
  padding: 0.5em 1em;
  margin-left: -1em;
  color: #333;
}*/

.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
    color: #998;
    font-style: italic
}

.hljs-keyword,
.css .hljs-rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
    color: #333;
    font-weight: bold
}

.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
    color: #8d45ee;
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula {
    color: #d14
}

.hljs-rule .hljs-value {
    color: #4e8d00;
}

.hljs-title,
.hljs-id,
.coffeescript .hljs-params,
.scss .hljs-preprocessor {
    color: #900;
    font-weight: bold
}

.javascript .hljs-title,
.lisp .hljs-title,
.clojure .hljs-title,
.hljs-subst {
    font-weight: normal
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
    color: #458;
    font-weight: bold
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
    color: #000080;
    font-weight: normal
}
.css .hljs-tag {
    font-weight: bold;
    color: #5368a6;
}
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body {
    color: #8757ad
}
.hljs-tag .hljs-attribute {
    color: #008080
}
.hljs-regexp {
    color: #009926
}

.hljs-class {
    color: #458;
    font-weight: bold
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
    color: #990073
}

.hljs-built_in,
.lisp .hljs-title,
.clojure .hljs-built_in {
    color: #0086b3
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
    color: #999;
    font-weight: bold
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.diff .hljs-change {
    background: #0086b3
}

.hljs-chunk {
    color: #aaa
}

.hljs-important {
    color: #b81622;
}

.hljs-pseudo {
    color: #f18900;
}
address {
	max-width: 50rem;
	margin-left: auto;
	margin-right: auto;
}
/* End */
/* /articles/styles.css?17103581558979 */
