*{margin:0;padding:0}
body{line-height:26px;}
body,p,li{font-size:17px;line-height:28px;}
a, a:visited,a:hover,a:active{text-decoration:none;outline:none;color:#00adee;}
a:hover{text-decoration:underline}
h1,h2,h3,h4,h5{margin:3px 0px 6px;padding:2px;font-weight:normal;}
h1{font-size:30px;line-height:30px;}
h2{font-size:26px;line-height:29px;}
h3{font-size:22px;line-height:28px;}
h4{font-size:19px;line-height:25px;}
h5{font-size:14px;line-height:23px;}

h1.title a{color: #485567;}
dt,dd{display:inline;}
strong{color: #ff00ae;}
input{padding:4px 7px 5px;margin-top:15px;border-radius:2px;}
div.item{margin:8px auto 12px;}
.tooltip {position: fixed;background: #e1e1e1;border-radius: 5px;color: black;padding: 5px 16px;margin-top: -18px;border-radius: 4px;font-size: 12px;display: none;z-index: 1000;transform: translate(-50%, 0%);}
.tooltip:after {content: '';position: absolute;left: 50%;bottom: -10px;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #e1e1e1;}
section.categoryList {text-align:center;}
section.categoryList span.category{display:inline-block;padding:4px 18px;background:#ff00ae;color:#111;border-radius:25px;margin:2px 10px 2px 0;font-size:12px;}
section.categoryList span.category a,section.categoryList span.category a:visited, span.category a:hover, span.category a:active{color: #eee;text-decoration:none;outline:none;}
section.categoryList span.category span.categoryCount{position:relative;line-height:22px;right:-12px;top:0px;display:inline-block;height:22px;width:22px;background:white;text-align:center;border-radius:22px;}
section.categoryList section.categoryList span.category span.categoryCount,section.categoryList span.category span.categoryCount, section.categoryList span.category span.categoryCount, section.categoryList span.category span.categoryCount{color: #111; }
section.categoryList span.category a:hover {font-weight:bold;}
section.categoryList span.category a:hover span.categoryCount{font-weight:normal;color:#111;background:#eee;}
body.dark section.categoryList span.category {background:#ff00ae;color:#fff;}
body.dark section.categoryList span.category a,body.dark section.categoryList span.category a:visited, body.dark span.category a:hover, body.dark span.category a:active{color:#eee}
body.dark section.categoryList span.category span.categoryCount{background:#fff;color:#333;}
body.light code{cursor:pointer;padding:3px 9px;background:#f5f5f5;border:1px solid #ccc;border-radius:5px;margin:0 4px;font-size:14px;}
body.light pre code {border:none}
body.dark code{cursor:pointer;padding:4px 12px;color:#111;background:#f5f5f5;border-radius:5px;margin:0 4px;font-size:14px;}
body.dark pre code {border:none}
pre {position: relative;padding: 10px 20px;background: #f5f5f5;border: 1px solid #ccc;border-radius: 5px;margin:25px 0 27px;white-space:pre-wrap;word-wrap:break-word;}
pre a.copy{display:none;color:black;border-radius:8px;}
pre:hover a.copy{display:block;}
pre a:hover{text-decoration:none;}
pre code {cursor:default;background:transparent;border:none;padding:0;margin:0;white-space: pre-wrap;}
section.recent h3, div.related h3 {background:none;border:none;padding:0;}
section.recent h2{margin-bottom:19px;}
body.light section.recent h3 a {font-size:17px;color:#0f0f0f;font-size:20px;}
article{padding:11px 0px 12px;}
body.light article h1, body.light article h1 a, body.light article h1 a:visited, body.light article h1 a:hover, body.light article h1 a:active, body.light article h2, body.light article h2 a, body.light article h2 a:visited, body.light article h2 a:hover, body.light article h2 a:active {background:none;border:none;padding:0;color:#0f0f0f;}
article h1, article h2{margin-bottom:3px;}
div.related h3.title a, div.related h3.title a:visited, div.related h3.title a:hover, div.related h3.title a:active{color:#1f1f1f;font-size:21px;}
body.light h2.title a{color:#1f1f1f;}
span.more {margin:11px 0;display:inline-block;}
div.text-base{margin:6px 0;}
div.tagcloud a:hover{text-decoration:none;outline:none;}
span.tags{display:inline-block;margin-bottom:5px;}
span.tags a{display: inline-block;color:#00aeef;padding:0 7px;}
span.tags:first-child a{padding-left:0;}
strong, p.meta{font-weight:normal;}
div.item strong{font-size:17px;color:#00456e;}
body.light div.item h1 {color: #485567;}
body.dark div.item h1 {color: #00adee;}
body.light div.item h2,body.light div.item h3{color:#00456e;}
body.dark div.item h2,body.dark div.item h3{color:#00adee;}
body.dark div.item div.desc p:first-of-type strong{font-size:20px;color:#ddd;}
body.dark div.item strong{color:#00adee}
div.item p:nth-last-of-type(-n+3) strong:first-of-type {font-weight:normal;font-size:19px;}
div.item div.desc p:first-of-type strong {font-size:16px;color:#00456e;}
div.item div.desc p:first-of-type{margin-top:15px;margin-bottom:19px;}
div.item div.desc p:has(strong:first-of-type) {margin-top:24px;}
div.item h1, div.item h2, div.item h3, div.item h4, div.item h5{margin:24px 0 6px;}
section.content li{margin-left:30px;margin-top:11px;}
section.content li li {margin:4px 0 5px 30px;}
section.content li.breadcrumb-item{margin:auto;}
section.content ol, section.content ul{margin:3px 5px 18px;}
section#header{position:relative;width:100%;height:190px;background-color:#f5f5f5;line-height:26px;}
body.dark section#header {background-color:#050505;border-bottom:1px solid #151515;color:#fff}
section#header img#logo{height:125px;position:absolute;left:35px;top:30px}
section#header div#placeholder {position:absolute;right:60px;top:0px;font-size:16px;color:#000}
body.dark section#header div#placeholder{color:#fff}
section#header div#placeholder span#placeholderAuthor{padding-right:22px;}
section#header div#placeholder span#placeholderSearch img{width:18px;height:18px;top:2px;color:black;position:relative;}
body.dark section#header div#placeholder span#placeholderSearch img {filter: brightness(0) invert(1)}
div#blogDescription{text-align:left;padding-top:10px;line-height:24px;color:#777;text-shadow:#0f0f0f}
div#blogDescription img {float:left;width:100px;height:100px;border-radius:50%;margin-right:14px;margin-top:-20px;filter: grayscale(100%)}
footer{font-size:13px;line-height:25px;}
button#theme-toggle, button#theme-toggle-bar{width:25px;background:transparent;border:none;position:relative;top:10px;right:10px;}
body.dark button#theme-toggle, body.dark button#theme-toggle-bar {color:white;}
header#scrollNav{position:fixed;z-index:1000;opacity:0;top:0px;left:0px;right:0px;width:100%;height:75px;background:rgba(255, 255, 255, 0.97); backdrop-filter: blur(2px); border-bottom:3px solid skyblue;}
header#scrollNav img#logoInBar{height:50px;float:left;margin-left:100px;margin-top:13px;}
header#scrollNav form{float:right;margin-right:30px;margin-top:8px;}
body.dark header#scrollNav{background:#111;border-bottom:3px solid #888;}
body.dark header#scrollNav input{background:#333;color:#fafafa;border:1px solid #444;}
@media screen and (max-width: 450px) {
    section#header{height:130px;}
    section#header img#logo{height:60px!important;position:relative!important;top:auto!important;left:auto!important;margin:10px auto 40px!important;}
    header#scrollNav{height:120px;text-align:center;}
    header#scrollNav img#logoInBar{height:60px;float:none;margin:10px auto;}
    header#scrollNav form{clear:both;float:none;margin-top:-22px;}
    section#header div#placeholder{opacity:0.4;top:auto;left:auto;bottom:auto;right:auto;position:relative;top:-50px;}
    section#header div#placeholder:has(input:focus) {opacity: 1}

}