body {
font-family: "Inter";
font-size:1.125rem;
font-weight:400;
line-height:2;
}
.nav_header {
background-color: #eeeeee;
color: green;
padding: 0 1.5rem;
position: fixed;
width: 100%;
z-index: 99;
left: 0;
}
.post_item{
margin-bottom:0.6rem;
box-shadow:0px 1px 3px;
}
.excerpt_more{
background-color:green;
border:1px solid green;
}
.follow .rss svg {
fill:#666;
}
.nav_parent{
color:green;
}
.nav_header{
background-color:#fff;
}
.nav_open+.nav_sub{
background-color:#eee;
}
.nav_close .icon{
background-color:#888;
}
.nav_body{
background-color:#fff;
}
.copyright {
width:100%;
margin:150px auto 25px;
font-size:14px;
text-align:center;
}
.post_content a {
text-decoration: none;
border-bottom: 2px solid #71c21b;
}
.post_share a {
text-decoration: none;
border-bottom: none;
}
.authorimg {
display:inline-block;border-radius:50%;vertical-align:top;max-width:150px;
}
.authors_list {
margin-bottom: 1rem;
box-shadow: 2px 2px 5px;
padding:1rem;
border-radius:5px;
}
article img{
float:right;
margin:10px;
box-shadow:2px 2px 5px #222;
border-radius:5px;
}
.image_featured{
width:100%;
max-width:1000px;
border-radius:5px;
box-shadow:2px 2px 5px;
}
figcaption{
font-size:14px;
text-align:right;
}
/*.widget-title::before{
position:absolute;
content:"";
right:0;
height:1px;
width:100%;
background:#ddd;
top:50%;
}
.widget-title{
position:relative;
margin-bottom:15px;
}*/
.widget-rss,.widget{
margin-bottom:40px;
border-radius:5px;
border-top:6px solid #4fd675;
box-shadow:0px 1px 3px;
padding:15px;
margin:15px;
}
.widget-title span{
background:#fff;
position:relative;
}
.widget-rss li,.widget li{
align-items:center;
padding: 5px;
display:flex;
}
html[data-mode="dim"] .widget span {
background:var(--bg);
}
.side-thumb{
max-width:60px;
height:60px;
border-radius:50%;
margin-right: 10px;
display:inline-block;
}
.excerpt_thumbnail img{
max-height:200px;
max-width:200px;
border-radius:10px;
box-shadow:2px 2px 5px;
}
h4{
font-size:80%;
line-height:20px;
font-weight:500;
}
small{
font-size:65%;
font-weight:400;
vertical-align:top;
}
.side-compact{
padding:0;
margin:0;
}
#TableOfContents a {
text-decoration: none;
border-bottom: none;
}
code{
font-size:1.2rem;
font-family:'Inter',Arial;
}
.widget-rss h4, .widget-rss h3{
margin:0;
}
.widget-rss{
width:90%;
}
.nav-link{
text-decoration: none;
}
.post_share .icon{
margin:0 0.8rem 0 0.4rem;
}
.post_share,.post_date,.post_author{
font-size:80%;
}
.sidebar_inner{
height:100%;
}

#TableOfContents{
display: table;
font-size: 60%;
margin-bottom: 0;
width: 100%;
line-height:0.9;
}
#TableOfContents ul{
list-style:none;
}
#toc{
background:var(--choice-bg);
}
@media screen and (min-width:670px){
#toc{
position: sticky;
top: 1.4rem;
align-self: start;
z-index:10;
padding:5px;
}
}
html[data-mode="dim"] #toc {
background:var(--choice-bg);
}
#toc a:hover, #toc a:focus{
color:orange;
}
li.active > a {
color: orange;
font-weight: 600;
}
html {
scroll-behavior: smooth;
}

div.notices {
    margin: 2rem 0;
    position: relative;
}
div.notices p {
    padding: 15px;
    display: block;
    font-size: 1rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
    color: #666;
}
div.notices p:first-child:before {
    position: absolute;
    top: 2px;
    color: #fff;
    font-weight: 900;
	content:"\21ea";
	font-family:Georgia, serif;
	vertical-align: top;
	font-size:100%;
    left: 10px;
}
div.notices p:first-child:after {
    position: absolute;
    top: 2px;
    color: #fff;
    left: 2rem;
}
div.notices.info p {
    border-top: 30px solid #F0B37E;
    background: #FFF2DB;
}
div.notices.info p:first-child:after {
    content: 'Info';
}
div.notices.warning p {
    border-top: 30px solid rgba(217, 83, 79, 0.8);
    background: #FAE2E2;
}
div.notices.warning p:first-child:after {
    content: 'Warning';
}
div.notices.note p {
    border-top: 30px solid #6AB0DE;
    background: #E7F2FA;
}
div.notices.note p:first-child:after {
    content: 'Note';
}
div.notices.tip p {
    border-top: 30px solid rgba(92, 184, 92, 0.8);
    background: #E6F9E6;
}
div.notices.tip p:first-child:after {
    content: 'Tip';
}