<style>
html, body, .ui-content {
background-color: #1E1E1E;
color: #C0E4DC;
}

/* h */
.markdown-body h1{color: #Df1C4F; text-shadow: -3px -3px 10px #Df1C4F; padding: 10px; border: solid; box-shadow: -3px -3px 12px 0px #Df1C4F80}
.markdown-body h2{color: #E630C0; text-shadow: -3px -3px 10px #E630C080; border-bottom: solid 1px #E630C0; padding: 8px; padding-left: 0px}
.markdown-body h3{color: #CCC541; text-shadow: -3px -3px 10px #CCC54180; border-bottom: solid 1px #CCC541; padding: 8px; padding-left: 0px}

/* table */
.markdown-body table tr, .markdown-body table td,.markdown-body table th{border: 3px solid #898c8a ;background-color: #1E1E1E;}

/* a */
.markdown-body a{color: #22C5EE;}

/* block quote */
.markdown-body blockquote{border-left: 5px #898C8A solid;}
.markdown-body blockquote>p{color: #898C8A;}
.markdown-body small{color: #898C8A;}

/* code */
.markdown-body code{color: #C0E4DC !important; background-color: #252526;}
.markdown-body code:hover{background-color: #333333;}

/* hr */
.markdown-body hr{
background-color: #333333
}

/* alert */
.markdown-body .alert{
line-height: 2.0;
border: 1px #CCC541 solid;
border-radius: 0px;
background-color: #1E1E1E;
color: #C0E4DC;
margin-bottom: 0px;
}

.aleart_top{
clip-path: polygon(90% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
background-color: #CCC541;
height: 20px;
color: #1E1E1E;
line-height: 20px;
text-align: center;
}

.alert_bottom{
margin-left: auto;
clip-path: polygon(100% 0, 100% 100%, 10% 100%, 0 50%, 0 0);
background-color: #CCC541;
width: 12%;
height: 5px
}

/* ui-toc */
.ui-toc-dropdown .nav>li>a {
font-weight: bold;
color: #898C8A;
}
.ui-toc-dropdown .nav>.active:focus>a,
.ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a,
.ui-toc-dropdown .nav>li>a:focus,
.ui-toc-dropdown .nav>li>a:hover{
color: #C0E4DC;
border-left-color: #C0E4DC;
}

.toc-menu a {
font-weight: bold;
color: #898C8A;
}
.toc-menu a:focus,
.toc-menu a:hover {
color: #C0E4DC;
}

/* code block */
.markdown-body pre {
background-color: #1E1E1E;
border: 1px solid #C0E4DC !important;
color: #898c8a;
}

/* important word */
.imp{
text-shadow: -3px -3px 10px #Df1C4F;
color: #Df1C4F;
}
}
</style>