BlogCSS/default-theme.css

@import url("https://fonts.bunny.net/css?family=damion:400|dotgothic16:400|source-code-pro:300|oxygen:400");
 @import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css");
 :root{
     --text-color:#fff;
     --background:#383C4A;
     --background-darker:#2E323E;
     --href:#7289DA;
     --href-dark:#4E5D94;
     --main-font: 'Oxygen', sans-serif;
     --special-font: 'Damion', handwriting;
}
 ::-webkit-scrollbar{
     display:none 
}
 span.screen-reader-text,li,label,hr,h3#reply-title.comment-reply-title,.tags-links a,.posted-on time,.byline a,time,a.comment-edit-link,.entry-footer>span.tags-links a,.entry-footer>span.tags-links,h2.entry-title a, .site-info,body, button, input, select, textarea {
     color: var(--text-color) !important;
     font-family: var(--main-font);
}
 div.site-branding,div.logo-ads-wrap,div#wpadminbar.nojq,div.sticky-wrapper,footer#colophon.site-footer,nav#site-navigation.main-navigation.isActive,div.mt-logo-row-wrapper.mt-clearfix,div.custom-header.no-bg-img {
     background-color: var(--background-darker);
}
 div.mt-live-link a,input.search-submit{
     background-color: var(--href);
}
 div.mt-live-link a:hover,input.search-submit:hover {
     background-color: var(--href-dark);
}
 .mt-live-link a:hover,.mt-live-link a:focus {
     color: var(--text-color);
     background-color: var(--href-dark);
     box-shadow: none;
}
 div#top-header.top-header-wrap.mt-clearfix,div#page.site,div#bottom-footer{
     background-color: var(--background);
}
 .mt-social-menu-wrapper {
     border-top: 1px solid #ffffff33;
}
 .is-sticky .mt-social-menu-wrapper {
     background: var(--background-darker);
     z-index: 9999;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
 p {
     color: var(--text-color);
     font-family: var(--main-font);
     font-size: 15px;
}
 h1, h2, h3, h4, h5, h6 {
     clear: both;
     font-weight: normal;
     font-family: var(--main-font);
     line-height: 1.5;
     margin-bottom: 15px;
     color: var(--text-color);
}
 strong, b {
     color: var(--text-color);
     font-weight: 600;
}
 p em, p i {
     color: var(--text-color);
     font-family: var(--main-font);
     font-style: italic;
}
 p em a, p i a{
     color: #F5A9B8;
     font-family: var(--main-font);
     font-style: italic;
}
 p em a:hover, p i a:hover{
     color: #c48793;
     font-family: var(--main-font);
     font-style: italic;
}
 textarea {
     overflow: auto;
     padding-left: 3px;
     vertical-align: top;
     color: var(--text-color);
     background-color: var(--background-darker);
     border: 1px solid var(--text-color);
     height: 160px;
     max-width: 100%;
     width: 100%;
}
 input,input#author,input#email,input#url,input.search-field {
     color: var(--text-color);
     background-color: var(--background-darker);
}
 .search-no-results #primary .search-submit {
     margin-top: 40px;
     border: 0px;
     font-size: 20px;
     color: var(--text-color);
}
 body {
     font-weight: 400;
     overflow: hidden;
     position: relative;
     font-family: var(--main-font);
     line-height: 1.8;
     background: var(--background);
}
 .site-title {
     margin: 0;
     font-family: var(--special-font);
     ;
     line-height: 1.5;
     font-weight: 1;
     font-size: px;
     color: var(--text-color);
    /* almost white */
     text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href);
}
 .site-title a:hover{
     color:var(--href);
}
 .error-num {
     margin: 0;
     font-family: var(--special-font);
     line-height: 1.5;
     font-weight: 1;
}
 .site-description {
     margin: 0;
     font-size: 15px;
     font-family: var(--main-font);
     line-height: 1.5;
     font-weight: 1;
}
 .features-post-title {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 25px;
     position: relative;
     padding-left: 40px;
     font-family: var(--main-font);
}
 .entry-footer .mt-readmore-btn, .btn-wrapper a, .mt-readmore-btn {
     display: inline-block;
     padding: 0;
     font-size: 14px;
     color: var(--text-color);
}
 code, .wp-block-code{
     background-color: #343434;
     font-family: 'Source Code Pro', monospace;
}
 #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item {
     background: var(--background-darker);
     color: var(--href);
}
 #wpadminbar .quicklinks a span#ab-updates {
     background: var(--background-darker);
     color: #2c3338;
     display: inline;
     padding: 2px 5px;
     font-size: 10px;
     font-weight: 600;
     border-radius: 10px;
}
 #wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input {
     margin: 0;
     padding: 0;
     box-shadow: 0 3px 5px #00000033;
     background: var(--background-darker);
     display: none;
     position: absolute;
     float: none;
}
 .category-button.cbd-cat-90 a,.category-button.cbd-cat-89 a,.category-button.cbd-cat-39 a,.category-button.cbd-cat-4 a,.category-button.cbd-cat-75 a,.category-button.cbd-cat-5 a,.category-button.cbd-cat-64 a,.category-button.cbd-cat-45 a,.category-button.cbd-cat-14 a,.category-button.cbd-cat-70 a,.category-button.cbd-cat-49 a,.category-button.cbd-cat-48 a,.category-button.cbd-cat-26 a,.category-button.cbd-cat-1 a,.category-button.cbd-cat-101 a,.category-button.cbd-cat-103 a,.category-button.cbd-cat-105 a,.category-button.cbd-cat-106 a,.category-button.cbd-cat-129 a {
     background-color: var(--href)!important;
}
 .category-button.cbd-cat-90 a:hover,.category-button.cbd-cat-89 a:hover,.category-button.cbd-cat-39 a:hover,.category-button.cbd-cat-4 a:hover,.category-button.cbd-cat-75 a:hover,.category-button.cbd-cat-5 a:hover,.category-button.cbd-cat-64 a:hover,.category-button.cbd-cat-45 a:hover,.category-button.cbd-cat-14 a:hover,.category-button.cbd-cat-70 a:hover,.category-button.cbd-cat-49 a:hover,.category-button.cbd-cat-48 a:hover,.category-button.cbd-cat-26 a:hover,.category-button.cbd-cat-1 a:hover,.category-button.cbd-cat-101 a:hover,.category-button.cbd-cat-103 a:hover,.category-button.cbd-cat-105 a:hover,.category-button.cbd-cat-106 a:hover,.category-button.cbd-cat-129 a:hover {
     background-color: var(--href-dark)!important;
}
 li.recentcomments:before,blockquote::before, q::before,blockquote:after, q:after,.edit-link .post-edit-link:before,.nav-links .nav-previous a:before,.nav-links .nav-next a:after,#cancel-comment-reply-link:before,.widget_archive a::before, .widget_categories a::before, .widget_recent_entries a::before, .widget_meta a::before, .widget_recent_comments li::before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before,#site-navigation li.menu-item-has-children>a::before, #site-navigation li.page_item_has_children>a::before {
     font-family: ForkAwesome!important;
}
 em a:active,em a:focus, em a:hover {
     color: var(--href-dark);
}