<style>
.rbrdr{
border:solid 1px #f26666;
display:inline-block;
padding: 0 5px ;
}
.bbrdr{
border:solid 1px #13B6E8;
display:inline-block;
padding: 0 5px ;
}
::-webkit-scrollbar {
width: 9px;
background-color: #7d7d7c;
}
::-webkit-scrollbar-thumb {
background-color: #f2d279;
}
.wrapper{
width:100%;
box-shadow:
-100px 100px #444444,
100px -100px #444444,
100px 100px #444444,
-100px -100px #444444;
}
.code{
background-color:#333;
}
.markdown-body h2{
color:#7e9afc;
}
h3{
color:#68de97;
}
@-webkit-keyframes A
{
0% { color:#fc4444;
padding-left:0px}
5% { color:;
padding-left:5px;}
10% { color:#fc7844;
padding-left:10px}
15% { color:;
padding-left:15px;}
20% { color:#fc7844;
padding-left:20px}
25% { color:;
padding-left:25px;}
30% { color:#e7fc44;
padding-left:30px}
35% { color:;
padding-left:35px;}
40% { color:#e7fc44;
padding-left:40px}
45% { color:;
padding-left:45px;}
50% { color:#7bfc44;
padding-left:50px}
55% { color:;
padding-left:45px;}
60% { color:#44fc9a;
padding-left:40px}
65% { color:;
padding-left:35px;}
70% { color:#44fc9a;
padding-left:30px}
75% { color:;
padding-left:25px;}
80% { color: #44fc9a;
padding-left:20px}
85% { color:;
padding-left:15x;}
90% { color: #9144fc;
padding-left:10px}
95% { color:;
padding-left:5px;}
100% { color: #fc44d7;
padding-left:0px}
}
#animation_title{
-webkit-user-select: none;
animation: A 3s ease 0s infinite alternate;
-webkit-animation: A 3s ease 0s infinite alternate;
}
.NOselect{
-webkit-user-select: none;
}
html, body, .ui-content {
background-color: #333;
color: #ccc;
}

.markdown-body h1,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
color: #fff;
}

.markdown-body h1,
.markdown-body h2 {
border-bottom-color: #ffffff69;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
color: #fff;
}

.markdown-body img {
background-color: transparent;
}

.ui-toc-dropdown .nav>.active:focus>a,
.ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a {
color: white;
border-left: 2px solid white;
}
.markdown-body code, code {
color: #dfdfdf !important;
background-color: #424a55;
}
.markdown-body pre {
background-color: #333435;
border: 1px solid #555 !important;
color: #dfdfdf;
}
.markdown-body blockquote {
color: #ddd;
border-left-color: #777;
font-size: 16px;
}
.token.operator {
color: #DCDCDC;
background: transparent;
}
.token.number {
color: #aa77bb;
background: transparent;
}
.token.directive-hash{
color: #fc6084;
background: transparent;
}
.token.keyword{
color: #fc6084;
background: transparent;
}
.token.string{
color: #ffeeaa;
background: transparent;
}
.token.function{
color: #9fd4e0;
background: transparent;
}
.token.comment{
color: #808080;
background: transparent;
}
.token.operator{
color: #fc6084;
background: transparent;
}
.token.constant {
color: #aa77bb;
background: transparent;
}
.wrapper{
background: #333435;
}

.expand-toggle:hover,
.expand-toggle:focus,
.back-to-top:hover,
.back-to-top:focus,
.go-to-bottom:hover,
.go-to-bottom:focus {
color: white;
}

.ui-toc-dropdown {
background-color: #333;
}

.ui-toc-label.btn {
background-color: #191919;
color: white;
}

.ui-toc-dropdown .nav>li>a:focus,
.ui-toc-dropdown .nav>li>a:hover {
color: white;
border-left: 1px solid white;
}

.markdown-body blockquote {
color: #bcbcbc;
}

.markdown-body table tr {
background-color: #5f5f5f;
}

.markdown-body table tr:nth-child(2n) {
background-color: #4f4f4f;
}

.markdown-body code,
.markdown-body tt {
color: #eee;
background-color: rgba(230, 230, 230, 0.36);
}

a,
.open-files-container li.selected a {
color: #5EB7E0;
}
.program{
color: #68de97;
}
.pgreen{
color: #68de97;
}
.pred{
color:#e87058;
}
.pblue{
color:#7294e0;
}
.white{
color:#ddd;
}
span{
font-weight: 700;
}
</style>