:root {
    --black: #34495E;
}

@font-face {
    font-family: 'monaco';
    src: url('https://static.linshuaishuai.com/iblog/fonts/MONACO.TTF');
}

body[contenteditable],
article section.main-body
{
    font-size: 1rem;
    font-weight: 200;
}

body[contenteditable] a,
article section.main-body a {
    color: #1ABC9C;
}

body[contenteditable] a:hover,
article section.main-body a:hover {
    color: #16A085;
}


body[contenteditable] ul,
article section.main-body ul {
    padding-left: 40px;
}

body[contenteditable] li p,
article section.main-body li p {
    margin-bottom: 0;
}

body[contenteditable] blockquote,
article section.main-body blockquote {
    color: white;
    background-color: #494949;
    padding: 1em;
    border-left: 4px solid #1ABC9C !important;
    font-size: 1em;
}

body[contenteditable] blockquote p,
article section.main-body blockquote p {
    font-size: 1em;
}

body[contenteditable] h1,
body[contenteditable] h2,
body[contenteditable] h3,
body[contenteditable] h4,
body[contenteditable] h5,
body[contenteditable] h6,
article section.main-body h1,
article section.main-body h2,
article section.main-body h3,
article section.main-body h4,
article section.main-body h5,
article section.main-body h6 {
    position: relative;
}

body[contenteditable] h2,
article section.main-body h2 {
    display: inline-block;
    border-bottom: 1px solid grey;
}

body[contenteditable] h1,
article section.main-body h1 {
    font-size: 1.75rem;
}

body[contenteditable] h2,
article section.main-body h2 {
    font-size: 1.4rem;
}

body[contenteditable] h3,
article section.main-body h3 {
    font-size: 1.225rem;
}

body[contenteditable] h4,
article section.main-body h4 {
    font-size: 1.05rem;
}

body[contenteditable] h5,
article section.main-body h5 {
    font-size: 0.875rem;
}

body[contenteditable] h6,
article section.main-body h6 {
    font-size: 0.7rem;
}

body[contenteditable] h2:before,
article section.main-body h2:before {
    content: '';
    height: 100%;
    width: 0.5em;
    display: block;
    background-color: #1ABC9C;
    position: absolute;
    left: -30px;
    top: 0;
}

body[contenteditable] img,
body[contenteditable] video,
body[contenteditable] embed,
article section.main-body img,
article section.main-body video,
article section.main-body embed {
    max-width: 100%;
}

body[contenteditable] embed,
body[contenteditable] video,
article section.main-body embed,
article section.main-body video {
    width: 100%;
}

body[contenteditable] .syntaxhighlighter,
article section.main-body .syntaxhighlighter {
    border-radius: 3px;
    padding: 15px;
}

body[contenteditable] .syntaxhighlighter code,
article section.main-body .syntaxhighlighter code {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace, "PingFang SC",
    "Helvetica Neue",
    "Microsoft YaHei UI",
    "Microsoft YaHei",
    "Noto Sans CJK SC",
    Sathu, EucrosiaUPC, sans-serif !important;
    font-size: 0.8125rem !important;
}