.justify-text {
text-align: justify;
}
.mb-5 {
margin-bottom: 15px;
}
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
position: relative;
margin: 0 0 10px;
padding: 10px 0;
border-bottom: 2px solid #e0e0e0;
font-weight: 700;
text-transform: capitalize;
}
.entry-content h2:before, .entry-content h3:before, .entry-content h4:before, .entry-content h5:before {
content: '';
position: absolute;
bottom: -2px;
left: 0;
right: 0;
background: var(--aksen);
width: 15%;
height: 2px;
}
.entry-content ul, 
.entry-content ol {
list-style: none;
margin: 5px 0 5px -35px;
padding-bottom: 5px;
display: grid;
counter-reset: mycounter; 
}
.entry-content ul li, 
.entry-content ol li {
position: relative;
margin: 0 10px 10px 0;
display: table;
width: 100%;
padding-left: 40px;  
}
.entry-content ul li:before,
.entry-content ol li:before {
content: counter(mycounter);  
counter-increment: mycounter;  
position: absolute;
top: 30%;
left: 0;
transform: translateY(-50%);
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
border: 2px solid var(--aksen);
border-radius: 50%;
color: #fff;
background: var(--aksen);
text-align: center;
} 
.entry-content a,
.entry-content ul li a, 
.entry-content ol li a {
text-decoration: none!important;  
border: 0!important;
}
 
.entry-content pre {
position: relative !important;
background-color: var(--bodyBg) !important;
border-radius: 7px !important;
padding: 1rem 1.5rem 1rem 1.5rem !important;
margin: 1.5rem 0 !important;
max-height: 350px !important;
text-align: left !important;
white-space: pre-wrap !important;
tab-size: 4 !important;
line-height: 1.65rem !important;
overflow: auto !important;
hyphens: none !important;
color: var(--postTeks) !important;
transition: background-color .3s ease !important;
display: flex !important;
flex-direction: column !important;
} 
.entry-content pre:before {
content: '</>' !important;
background-color: var(--border) !important;
font-size: clamp(.75rem, calc(.7204rem + .1296vw), .85rem) !important;
font-weight: 600 !important;
padding: .75rem 1.5rem !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
white-space: nowrap !important;
color: var(--postTeks) !important;
border-top-left-radius: 7px !important;
border-top-right-radius: 7px !important;
z-index: 2 !important;
width: 100% !important;
display: flex !important;
justify-content: space-between !important;
} 
.entry-content pre.language-css:before { content: 'CSS' !important; }
.entry-content pre.language-markup:before { content: 'HTML' !important; }
.entry-content pre.language-javascript:before { content: 'JAVASCRIPT' !important; }
.entry-content pre.language-php:before { content: 'PHP' !important; }
.entry-content pre.language-ruby:before { content: 'RUBY' !important; }
.entry-content pre.language-python:before { content: 'PYTHON' !important; }
.entry-content pre.language-java:before { content: 'JAVA' !important; }
.entry-content pre.language-c:before { content: 'C' !important; }
.entry-content pre.language-csharp:before { content: 'C#' !important; }
.entry-content pre.language-cpp:before { content: 'C++' !important; }
 
.entry-content pre .copy {
font-size: .85rem !important;
font-weight: 600 !important;
cursor: pointer !important;
background: none !important;
color: var(--bodyTeks) !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
z-index: 3 !important;
transition: background-color .3s ease !important;
border-radius: 7px !important;
text-transform: capitalize !important;
margin-top: .5rem !important;
margin-right: .75rem !important;
margin-top: 3px !important;
background: var(--aksen);
} 
.entry-content pre code {
padding-top: 50px;
font-size: 1rem !important;
padding-left: 0 !important;
padding-right: 2.75rem !important;
color: var(--postTeks) !important;
transition: color .3s ease, opacity .3s ease !important;
} 
.entry-content pre.copied code {
opacity: 0.25 !important;
} 
.entry-content pre mark, .entry-content code mark, .entry-content pre code mark {
background-color: var(--aksenHover) !important;
color: var(--aksen) !important;
margin: 0 !important;
padding: 0 !important;
} 
.entry-content pre:after {
content: '' !important;
bottom: 0 !important;
display: block !important;
left: 0 !important;
opacity: .5 !important;
position: absolute !important;
right: 0 !important;
top: 2.5rem !important;
z-index: -1 !important;
} 
.entry-content pre.copied:after {
z-index: 1 !important;
}