:root{--primary-color:#f6f6f6;--background-color:#101010;--accent-color:#ebbcba}[data-theme=light]{--primary-color:#212121;--background-color:#f6f6f6;--accent-color:#d7827e}li{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:2px 0}li a{min-width:144px}li span{flex-grow:1;opacity:65%;font-size:.9em}a img{transition:transform .2s ease}a img:hover{transform:scale(1.025)}h1 a{text-decoration:none}h3{color:#212121;color:var(--accent-color)}body,html{accent-color:var(--accent-color);background:#f6f6f6;background:var(--background-color);color:#212121;color:var(--primary-color);scroll-behavior:smooth;font-size:16px;line-height:1.4;font-family:monospace}body{margin:auto;padding:1em;max-width:720px}article,footer,header,main,nav,section{margin:1em 0}blockquote,dt,fieldset,form,pre,table{margin:1em 0}a,body,div,h3,html,p,span{transition:background-color .2s ease,color .2s ease}a{color:#212121;color:var(--primary-color);cursor:pointer}a:hover{color:#d7827e;color:var(--accent-color)}pre{padding:1em}button,fieldset,img,input,legend,pre,select,textarea{border-radius:4px}img{height:auto;max-width:100%}input{vertical-align:middle}blockquote{border-left:4px solid #d7827e;border-color:var(--accent-color);padding-left:1em}article h1{font-size:2em}ol,ul{padding:0;list-style-position:inside}li>ol,li>ul{padding:0 1em}code,pre{color:#fff;overflow:auto;background:#212121}button:disabled,input:disabled{opacity:.8}table,td,th{border:1px solid #212121;border-color:var(--primary-color);padding:8px;border-collapse:collapse}button,fieldset,input,legend,select,textarea{color:#212121;color:var(--primary-color);border:1px solid #212121;border-color:var(--primary-color);outline:0;padding:3px 7px;background:0 0}fieldset{padding-bottom:8px}button,input[type=button],input[type=reset],input[type=submit],legend{color:#f6f6f6;color:var(--background-color);background:#212121;background:var(--primary-color)}