:root{font-size:18px}@media (min-width: 320px) and (max-width: 960px){:root{font-size:calc( 18px + (22 - 18) * ( (100vw - 320px) / ( 960 - 320)))}}@media (min-width: 960px){:root{font-size:22px}}@font-face{font-family:'Magnetic Pro Black';src:url("/assets/fonts/magnetic-pro-black.woff2") format("woff2"),url("/assets/fonts/magnetic-pro-black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:'Magnetic Pro';src:url("/assets/fonts/magnetic-pro-light.woff2") format("woff2"),url("/assets/fonts/magnetic-pro-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Magnetic Pro';src:url("/assets/fonts/magnetic-pro-medium.woff2") format("woff2"),url("/assets/fonts/magnetic-pro-medium.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Magnetic Pro';src:url("/assets/fonts/magnetic-pro-light-italic.woff2") format("woff2"),url("/assets/fonts/magnetic-pro-light-italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:'Magnetic Pro Thin';src:url("/assets/fonts/magnetic-pro-thin-italic.woff2") format("woff2"),url("/assets/fonts/magnetic-pro-thin-italic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:'Eight-bit';src:url("/assets/fonts/eightbitoperatorplus8-bold-webfont.woff2") format("woff2"),url("/assets/fonts/eightbitoperatorplus8-bold-webfont.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:'Eight-bit';src:url("/assets/fonts/eightbitoperatorplus-regular-webfont.woff2") format("woff2"),url("/assets/fonts/eightbitoperatorplus-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}code[class*="language-"],pre[class*="language-"]{color:#ccc;background:0 0;font-family:Dank Mono, Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"]{padding:1em;margin:0.5em 0 1em;overflow:auto}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#2d2d2d}:not(pre)>code[class*="language-"]{padding:0.1em;border-radius:0.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*="language-"].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*="language-"].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:0.8em;text-align:right}html,body,div,span,h1,h2,h3,h4,ul,p,a,img,section,blockquote{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}main,section{display:block}body{line-height:1}ol,ul{list-style:none}input,textarea{font-size:inherit;font-family:inherit}embed,iframe,img,object,video,svg{float:none;margin-left:auto;margin-right:auto;display:block;max-width:100%}html{box-sizing:border-box;height:100%}*,*::before,*::after{box-sizing:inherit}body{background:url("/assets/images/bg-body.jpg");min-width:calc(320em / 18);height:100%;display:flex;flex-direction:column}main{float:none;margin-left:auto;margin-right:auto;font-family:"Magnetic Pro","HeiTi SC Light","Microsoft YaHei",sans-serif;max-width:48em;width:100%;flex:1 0 auto}main h1,main h2,main h3,main h4{font-family:"Magnetic Pro Black","Arial Black",sans-serif}.content{float:none;margin-left:auto;margin-right:auto;max-width:40rem;background-color:#fafffa;padding:1.5em;line-height:1.5}h1{font-size:185%;margin-bottom:1rem;line-height:1.2}h2{font-size:150%;margin-bottom:0.5rem;line-height:1.2}h2 small{font-size:0.5em;font-weight:400;text-align:right}h3{font-size:125%;margin-bottom:0.5rem}h4{font-size:105%;margin-bottom:0.25rem}p{margin-bottom:1rem}a{text-decoration:none;color:#0a6906;transition:all 0.15s linear;border-bottom:1px dashed #0a6906}a:hover{color:#085105;border-bottom:1px solid #085105}small{font-size:75%}ul{list-style:disc;margin-left:1em}ul ul{list-style:square}li{margin-bottom:1em}ol{counter-reset:list;margin-left:1em}ol li{list-style:none;margin-bottom:1em;position:relative}ol li::before{content:counter(list) ".";counter-increment:list;font-weight:bold;left:-1.5em;position:absolute;top:0}ol ul li{list-style:disc}ol ul li::before{content:'';counter-increment:none}pre{color:#ccc;background-color:#2d2d2d;padding:.5em;margin:.5em 0 1em;border-radius:.3em;overflow:auto;display:flex}code{background-color:rgba(192,192,192,0.5);color:#4c83e1;border-radius:0.25em;padding:2px}pre code{font-size:75%;color:#ccc;background-color:#2d2d2d}blockquote{background:url("/assets/images/bg-quotes.jpg");border-left:0.5em solid #4c83e1;padding:1em;margin-bottom:1em;font-style:italic}blockquote::before{font-size:2.5em;line-height:0.1em;margin-right:0.1em;vertical-align:-0.25em;color:#4c83e1;content:'\201C';font-family:"Eight-bit","Lucida Console","Lucida Sans Typewriter",monospace}blockquote::after{font-size:2.5em;line-height:0.1em;vertical-align:-0.25em;color:#4c83e1;content:'\201D';font-family:"Eight-bit","Lucida Console","Lucida Sans Typewriter",monospace}blockquote p{line-height:1.7rem}blockquote p:first-child,blockquote p:last-child{display:inline}blockquote p:nth-child(2){margin-top:1em}blockquote p~p{display:block}blockquote a{color:inherit;border-bottom:1px dashed}figcaption{text-align:center;font-style:italic;margin-bottom:0.25em}figcaption:lang(zh){font-style:normal}kbd{font-size:70%;background-color:#f7f7f7;border:1px solid #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;display:inline-block;vertical-align:top;margin:0 0.1em;padding:0.1em 0.6em 0;text-shadow:0 1px 0 #fff}iframe,picture img,video{margin-bottom:1em}.icon>svg{display:inline-block;height:1em;vertical-align:middle;width:1em}.icon>svg path{fill:#0a6906}.icon--tag,.icon--tags{margin-right:0.25em}.icon--title>svg{height:1.25em;width:1.25em;display:inline-block;vertical-align:middle}@media all and (min-width: 45em){.icon--title>svg{height:1.5em;width:1.5em}}.icon--title>svg path{fill:#2a2a2a}.emoji{font-size:1.294rem;line-height:1;font-style:normal;display:inline-block;vertical-align:baseline;font-family:'Apple Color Emoji', 'Segoe UI Emoji'}_:-ms-lang(x),.emoji{vertical-align:top}span[role=img][aria-label],span[role=img][aria-label]{position:relative}span[role=img][aria-label]:focus::after,span[role=img][aria-label]:hover::after{font-size:50%;font-family:"Magnetic Pro","HeiTi SC Light","Microsoft YaHei",sans-serif;font-weight:400;position:absolute;display:block;line-height:1.2;content:attr(aria-label);z-index:1;bottom:2.5em;left:0;background:#372822;color:#fff;padding:0.25em;border:1px solid #fff;box-shadow:2px 2px 4px #372822}@media print{span[role=img][aria-label]::after{content:"(" attr(aria-label) ")"}}.kaomoji{white-space:nowrap;font-family:Arial, sans-serif}.post-meta{font-size:75%;color:#62627b}.blend-checkbox{opacity:0;position:fixed;left:1rem;bottom:1rem}@supports (mix-blend-mode: difference){.blend-toggle{position:fixed;height:3rem;width:3rem;left:1rem;bottom:1rem;border-radius:50%;background-image:url("/assets/images/sun.png");background-position:center;background-size:cover;z-index:1;opacity:0.7}@media all and (min-width: 60em){.blend-toggle{left:calc(50% - 24rem)}}.blender{position:fixed;background-color:#fafffa;mix-blend-mode:difference;pointer-events:none}@media all and (max-width: 59.9375em){.blender{opacity:0;height:100vh;width:100vw;transition:opacity 0.5s ease}}@media all and (min-width: 60em){.blender{height:3rem;width:3rem;left:1rem;bottom:1rem;border-radius:50%;left:calc(50% - 24rem);transition:transform 0.7s ease-out}}@media all and (max-width: 59.9375em){.blender.active{opacity:1}}@media all and (min-width: 60em){.blender.active{transform:scale(100)}}.blender.active~.blend-toggle{background-image:url("/assets/images/moon.png");isolation:isolate}img,.external-url::before,.emoji{isolation:isolate}.blend-checkbox:focus~label{outline:5px auto -webkit-focus-ring-color}}.site-header{background:url("/assets/images/bg-header.jpg");flex:1 0 auto}.site-header__wrapper{float:none;margin-left:auto;margin-right:auto;align-items:center;display:flex;flex-flow:row wrap;max-width:52em;padding:1em}@media all and (min-width: 60em){.site-header__wrapper{flex-flow:row nowrap}.site-header__wrapper .site-branding{flex:3 1 70%}.site-header__wrapper .site-nav{flex:1 1 30%}}.site-branding__image{text-indent:100%;white-space:nowrap;overflow:hidden;background:url("/assets/images/retropc-static.png");background-size:cover;display:block;height:90px;min-width:90px;width:90px}@media all and (min-width: 45em){.site-branding__image{height:120px;width:120px}}.site-branding__image::before{content:url("/assets/images/retropc-dynamic.gif");height:0;visibility:hidden;width:0}.site-branding__image:hover{background:url("/assets/images/retropc-dynamic.gif");background-size:cover}.site-branding{align-items:center;display:flex}.site-branding__wrapper{margin-left:1em}.site-branding__title{margin-bottom:0.25rem}.site-branding__title a{font-size:85%;font-family:"Eight-bit","Lucida Console","Lucida Sans Typewriter",monospace;color:#372822}.site-branding__title a:hover{color:#372822}.site-branding__description{font-size:75%;font-family:"Eight-bit","Lucida Console","Lucida Sans Typewriter",monospace;line-height:2}.site-nav{display:flex;margin-top:1em;width:100%;font-family:"Eight-bit","Lucida Console","Lucida Sans Typewriter",monospace;font-size:90%}@media all and (min-width: 60em){.site-nav{margin-top:0}}.site-nav a{flex:auto;text-align:center;color:#372822}.site-nav__link:hover{color:#372822}.site-footer{font-family:"Eight-bit","Lucida Console","Lucida Sans Typewriter",monospace;color:#fff}.site-footer a{color:#4abc41}.site-footer a:hover{color:#91d78c}.site-footer svg path{fill:#4abc41}.site-footer__wrapper--main{background:url("/assets/images/bg-footer-2.jpg")}.site-footer__wrapper--secondary{background:url("/assets/images/bg-footer.jpg")}.footer-main{float:none;margin-left:auto;margin-right:auto;display:flex;flex-flow:row wrap;max-width:1140px;padding:0.5em}@media all and (min-width: 51.25em){.footer-main{flex-flow:row nowrap}.footer-main .footer-main__about{flex:25 0 0}.footer-main .footer-main__contact{flex:1 0 250px}}.footer-main p,.footer-main ul{font-size:80%;line-height:2}.footer-main input{position:absolute;opacity:0}.footer-main label{float:none;margin-left:auto;margin-right:auto;position:relative;display:block;cursor:pointer}.footer-main input~label div{display:none}.footer-main input:checked~label div{display:block;position:absolute;top:-6.5em;left:50%;transform:translateX(-50%);background-color:#353542;padding:0.25em 0.5em;border-radius:4px}.footer-main label li{width:max-content}.footer-main__about,.footer-main__contact{margin:0 1em 1em}@media all and (min-width: 51.25em){.footer-main__about,.footer-main__contact{margin-top:1em}}.footer-main__avatar{border-radius:50%;height:200px;min-width:200px;width:200px;margin:1em auto;background-color:#fafffa}@media all and (min-width: 51.25em){.footer-main__avatar{flex:1 0 0;margin:0.5em 0 0.5em 1em}}.footer-main__contact ul{margin:0}.footer-main__contact ul li{list-style:none;margin:0}.footer-main__link{display:flex;align-items:center;padding:0.25em}.footer-main__link span:first-child{margin-right:0.5em}.footer-main__link:hover svg path{fill:#91d78c}.footer-secondary{float:none;margin-left:auto;margin-right:auto;align-items:center;display:flex;flex-flow:row wrap;max-width:1140px;padding:1em;font-size:65%}@media all and (min-width: 51.25em){.footer-secondary{flex-flow:row nowrap}.footer-secondary .footer-secondary__nav{flex:2 0 28.5714%}}.footer-secondary .footer-secondary__text{display:flex;flex-flow:row wrap;width:100%;line-height:2}@media all and (max-width: 51.1875em){.footer-secondary .footer-secondary__text{margin-bottom:1em}}@media all and (min-width: 51.25em){.footer-secondary .footer-secondary__text{flex:5 0 71.4285%}}.footer-secondary__attribute,.footer-secondary__copyright{flex:auto;text-align:center;width:275px}.footer-secondary__nav{display:flex;width:100%}.footer-secondary__nav a{flex:auto;text-align:center}.post-content{float:none;margin-left:auto;margin-right:auto;max-width:36rem}.post-content img{margin-bottom:1rem}.figure-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}@media all and (min-width: 35.9375em){.figure-wrapper{flex-flow:row nowrap;margin-bottom:1.5em}}figure{margin:0 0 1.5em;font-size:85%}figure iframe{margin-bottom:0}.multiple{margin:0 1.5em 1.5em}@media all and (min-width: 35.9375em){.multiple{flex-flow:row nowrap;margin:0 1.5em}}.double img:first-of-type{margin-bottom:1rem}@media all and (min-width: 35.9375em){.double{display:grid;grid-template-columns:calc((100% - 1em) / 2) calc((100% - 1em) / 2);gap:1em}.double img:first-of-type{margin-bottom:0}}.twitter-tweet{margin:0 auto 1.5em !important}.shape{float:left;shape-image-threshold:0.5;shape-margin:1em;shape-outside:url("/assets/images/posts/css-shapes/beyonce.png");width:50%}@media all and (min-width: 35.9375em){.shape{width:auto}}.overflow-scroll{overflow-x:scroll;margin-bottom:1rem}table{width:100%;border-collapse:collapse}thead{text-align:left}th,td{border:#f0f0f0 1px solid;padding:0.5em}.table{margin-bottom:1.5em}@media all and (min-width: 45em){.table{display:table;width:100%;border-collapse:collapse}}.tr{margin-bottom:1.5em}@media all and (min-width: 45em){.tr{display:table-row}}@media all and (min-width: 45em){.td{display:table-cell;border:#f0f0f0 1px solid;padding:0.5em}}.th{font-family:"Magnetic Pro Black","Arial Black",sans-serif}@media all and (min-width: 45em){.th{font-family:"Magnetic Pro", "HeiTi SC Light", "Microsoft YaHei", sans-serif;font-weight:700;vertical-align:top}}.display .th::before{content:'display: '}@media all and (min-width: 45em){.display .th::before{content:''}}.display .th::after{content:';'}@media all and (min-width: 45em){.display .th::after{content:''}}.display .td:first-child{width:11em}.sass-maps .th{width:15em}.sp-font{font-family:"Magnetic Pro Thin",sans-serif;font-size:1.414em}.ciu_embed iframe{height:421px !important}.note{background:url("/assets/images/bg-note.jpg");padding:0.5em 1em;font-size:85%;border-left:0.5em solid #d2cb94;margin-bottom:1rem}.p159{display:flex;overflow-x:scroll;background-color:#4abc41;margin-bottom:1rem}.p159__item{width:9em;flex:none;margin-right:1em;background-color:white}.p159__item img{object-fit:cover}.p159__item p{margin:0;text-align:center}.p159__item:last-child{margin-right:0}.p159__item .card__txt{padding:0.5em}.p159.problem{padding:1em}.p159.border{border:1em #4abc41 solid}.p159.pseudo-elem{padding:1em}.p159.pseudo-elem::after{content:'';padding:0.5em}.no-margin{margin-bottom:0}a.no-underline,a.no-underline:hover{border:0}.no-list-style{list-style:none}.no-break{white-space:nowrap}.break{word-break:break-all}.italicise{font-style:italic}.sr-only{position:absolute;opacity:0}

/*# sourceMappingURL=posts.css.map */