:root {
--width:760px;
--fs-serif:Georgia, Palatino, serif;
--fs-sans-serif:Verdana, Arial, sans-serif;
--font-scale:1.272em;
--text-color:#0b0c0c;
--ff:#fff;
--00:#000;
--55:#555;
--66:#666;
}

body{font-family:var(--fs-sans-serif);font-size:var(--font-scale);margin:auto;padding:20px;max-width:var(--width);text-align:left;background-color:var(--ff);word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;color:var(--text-color)}
h1{font-size:40px;font-weight:500}
h2{font-size:32px;font-weight:500}
h3,h4,h5,h6{font-size:26px;font-weight:500}
a{color:#0075d8;text-decoration:none}
a:hover{color:#ff4747;text-decoration:underline}
blockquote{width:80%;margin:30px auto;font-family:var(--fs-serif);font-style:italic;color:#333;padding:1.2em 30px 1.2em 75px;border-left:4px solid #777;position:relative;background:#f2f2f2}
blockquote::before{font-family:Arial;content:"\201C";color:var(--55);font-size:100px;position:absolute;left:10px;top:-10px}
blockquote::after{content:''}
blockquote span{display:block;color:var(--00)}
blockquote p:first-child{margin-top:0}

hr{height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #c2c2c2;box-sizing:content-box}
hr.small{max-width:100px;margin:15px auto;border-width:3px;border-color:inherit;border-radius:3px}
.limiter{border-color:#b10000}
.end-line{border-color:#c2c2c2;margin-top:2rem;max-width:600px}

strong{font-weight:600}
li{margin:10px 0}
.soci-icons{display:flex;align-items:center;justify-content:center}
.soci-icons:before{display:flex}
.soci-icons img{max-width:32px;max-height:32px;margin:0 8px}
.soci-icons img a{text-decoration:none;margin:0 8px}
.soci-icons img:hover{opacity:0.3}
img{display:block;margin:auto;max-width:100%;height:auto}

code,kbd,pre,samp{font-family:Menlo, Monaco, Consolas, "Courier New", monospace;font-size:1em}
code{padding:2px 4px;font-size:1rem;color:var(--00);background-color:#ffe0e0;border-radius:4px}
kbd{padding:2px 4px;font-size:90%;color:var(--00);background-color:#eee;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.25)}
kbd kbd{padding:0;font-size:100%;font-weight:700;box-shadow:none}
pre{display:block;padding:9.5px;margin-top:20px;margin-bottom:3rem;font-size:1rem;line-height:1.42857143;word-break:break-all;word-wrap:break-word;background-color:#f2f2f2;border:1px solid #ccc;border-radius:4px}
pre code{padding:0;font-size:inherit;color:var(--00);white-space:pre-wrap;background-color:transparent;border-radius:0}

ol,ul{margin-top:18px;margin-bottom:10px}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
.pager{padding-left:0;margin:20px 10px;text-align:center;list-style:none}
.pager li{display:inline;padding:5px 14px}
.pager li a{font-size:0.95rem;letter-spacing:1px;text-align:center;color:var(--00);padding:7px;background-color:#e7e7e7;border:1px solid #e7e7e7;border-radius:10px;transition-duration:0.3s}
.pager li a:hover{background-color:var(--ff);text-decoration:none;color:#ff4747}
.pager .next > a,.pager .next > span{float:right}
.pager .previous > a,.pager .previous > span{float:left}
.pager .disabled > a,.pager .disabled > a:focus,.pager .disabled > a:hover,.pager .disabled > span{color:#777;cursor:not-allowed;background-color:var(--ff)}

.header-wrapper{background-color:var(--ff);padding-bottom:30px}
.header{height:50px;width:100%}
.section-inner{width:800px;max-width:94%;margin:0 auto}
.sitelogo{text-align:center}

.footer{margin-top:30px;padding:30px 0 0 0;font-size:16px}
.footer a:link{color:#0b0c0c}
.footer a:visited{color:#0b0c0c}
.footer a:hover{color:#ff4747;text-decoration:underline}
.footer a:active{color:#0b0c0c}
.credits{text-align:center;margin-top:10px}
.stats{text-align:center;margin-top:10px;font-size:14px;color:var(--55)}

.intro-header{margin-top:25px;position:relative}
.page-heading, .categories-heading, .search-heading{text-align:center}
.page-heading h1{margin-top:0;font-size:32px;font-weight:500}
.page-subheading{font-size:1.3rem;display:block;margin:10px 0 0}

table{padding:0;font-size:16px}
table tr{border-top:1px solid #cccccc;background-color:var(--ff);margin:0;padding:0}
table tr:nth-child(2n){background-color:#f8f8f8}
table tr th{font-weight:bold;border:1px solid #cccccc;text-align:left;margin:0;padding:6px 13px}
table tr td{border:1px solid #cccccc;text-align:left;margin:0;padding:6px 13px}
table tr th :first-child, table tr td :first-child{margin-top:0}
table tr th :last-child, table tr td :last-child{margin-bottom:0}
#social-share-section{margin-bottom:30px}
#back-to-top{opacity:0.7}
@media (max-width:720px){
#back-to-top{display:none}
}

/* NOTES */
.noted-content{padding-top:0.8rem;font-family:var(--fs-sans-serif);font-size:1rem;line-height:26px;max-width:800px;margin:auto}
.noted-item{border:1px solid #dfdfdf;border-radius:15px;padding:10px;margin:15px;background-color:#ffffe8}
.noted-post-time{font-size:12px;border-top:1px solid #dfdfdf;color:var(--55);margin-top:20px}
.noted-content .noted-item img{object-fit:scale-down;margin:auto;padding:20px 0;max-width:96%}
.noted-pagination{margin:40px 0;text-align:center}
.noted-pagination a{display:inline-block;padding:5px 10px;margin:0 5px;border:1px solid #e7e7e7;border-radius:5px;text-decoration:none;color:var(--00);background-color:#e7e7e7}
.noted-pagination a.active{background-color:var(--ff);color:#ff4747;border:1px solid #ff4747}
.noted-item blockquote{width:80%;margin:30px auto;font-family:monospace;font-style:italic;color:#333;padding:1.2em 30px 1.2em 75px;border-left:4px solid #777;position:relative;background:#f2f2f2}
.noted-item blockquote::before{font-family:Arial;content:"\201C";color:var(--55);font-size:100px;position:absolute;left:10px;top:50px}
.noted-content .noted-item .code{display:inline;color:#d33682;margin-left:20px}
.noted-card-wrapper{max-width:600px;margin:15px auto}
.noted-card{display:block;text-decoration:none;color:inherit;border:1px solid #ccc;padding:12px;border-radius:10px;background-color:var(--ff);box-shadow:0 0 8px rgba(0,0,0,0.05)}
.noted-card-image{display:block;width:100% !Important;height:auto;margin-bottom:8px;padding-top:0 !Important}
.noted-card-title{font-weight:600;font-size:0.95rem;margin:0 0 10px 0;line-height:21px}
.noted-card-description{margin:0;font-size:0.9rem;font-family:var(--fs-sans-serif);color:var(--55);line-height:21px}
.noted-card-url{font-family:var(--fs-sans-serif);font-size:0.8rem;color:var(--55)}
.noted-card:hover{text-decoration:none;color:var(--00)}
@media (max-width:768px){
.card-content{border:0;border-top:1px solid #ccc}
.post-heading h1{font-size:1.8rem}
.item{margin:10px 0}
}