article {
    font-family: 'Peddana', serif;
    line-height: 1.3;
    font-size: 27px;
}

article blockquote {
    margin: 0 !;
    border-left: 4px solid #248aaa !important;
    background-color: #248baa15 !important;
    padding: 0.3rem !important;
    padding-left: 1rem !important;
}

article blockquote>p {
    color: #3c4858 !important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

article h1,
h2 {
    margin-top: 1.4rem;
    font-size: 32px;
    border-left: 4px solid #77ace9 !important;
    background-color: #b2cad43a !important;
    padding: 0.3rem !important;
    padding-left: 1rem !important;
}

article h3,
h4,
h5,
h6 {
    margin-top: 1.3rem;
}

article table {
    border-radius: 0.1rem;
    background: #e5e9f2;
    border: 1px solid #c0ccda;
    padding: 0.1rem;
}

article table tr {
    height: 40px !important;
}

article table th,
td {
    padding: 0.5rem;
    border-left: 1px solid #8392a5;
    border-bottom: 1px solid #8392a5;
}

article table thead tr {
    background: #248aaa;
    color: #e5e9f2;
}

article tbody tr:nth-child(odd) {
    background-color: #e5e9f2;
}

article tbody tr:hover {
    background: #c0ccda;
}

article img {
    width: 100%;
}

article caption,
figcaption {
    caption-side: bottom;
    text-align: center;
    color: #8392a5;
}

article pre {
    margin: 5px;
    padding: 5%;
    font-size: 18px;
    max-height: 400px;
    border-radius: 2%;
    background-color: #1f618d !important;
    color: white;
}

article pre>code {
    padding: 10px !important;
}

article a.header-anchor {
    text-decoration: none;
    color: #1c2d41;
}

article a.header-anchor i {
    font-size: 10pt;
    color: #3c4858;
    display: none;
    margin-left: 0.5rem;
}

article a.header-anchor:hover i {
    display: inline-block;
}

article a.header-anchor code {
    color: #e83e8c;
}

article kbd {
    background-color: #248aaa !important;
    color: #f9fafc;
}

article mark {
    background-color: #ffc21280;
}