@property --pen-regular{syntax: "<color>";
  inherits: true;
  initial-value: rgb(54, 54, 54);
}@property --pen-blue{syntax: "<color>";
  inherits: true;
  initial-value: rgb(32, 103, 155);
}@property --pen-grey{syntax: "<color>";
  inherits: true;
  initial-value: rgb(74,74,74);
}@property --marker-green{syntax: "<color>";
  inherits: true;
  initial-value: rgb(202, 246, 125);
}@property --marker-pink{syntax: "<color>";
  inherits: true;
  initial-value: rgb(255, 190, 230);
}@property --marker-orange{syntax: "<color>";
  inherits: true;
  initial-value: rgb(255, 185, 163);
}@property --marker-blue{syntax: "<color>";
  inherits: true;
  initial-value: rgb(99, 204, 255);
}*{box-sizing:border-box}html{height:100%;width:100%;overflow:hidden}body{color:var(--pen-regular);padding-top:20px;border:8px solid var(--marker-orange);border-image:linear-gradient(90deg,var(--marker-orange) 0%,var(--marker-green) 100%)1;height:100%;width:100%;margin:auto;padding:0;overflow:scroll;display:flex;flex-direction:column;place-items:center}.inbox{position:relative;display:flex;flex-direction:row;align-items:end}#mailbox{height:60px}#mailbox:hover{cursor:pointer}footer{font-size:.9em}footer a{text-decoration:none}footer>ul{list-style-type:none;margin:20px 0 10px;padding:0}footer>ul>li{display:inline;&:before { content:'|'; margin:0 8px; } &:first-child:before{ content:none; }}main{margin:auto;max-width:100%}h2,h3,h4,h5,h6{font-weight:600}p,ul,ol{line-height:1.5}figure{padding:0;margin:10px 0}figcaption{font-style:italic;color:var(--pen-grey);font-size:.9em}img{max-width:100%}hr{background:#eee;margin-block:2rem;height:1px;border:none}h2{margin-block:2em .67em}p{margin-bottom:1.7em}a{color:var(--pen-blue);text-underline-offset:2px;text-decoration-thickness:2px;text-decoration-skip-ink:none;text-decoration-color:var(--marker-orange)}a:focus,a:hover,a:active{color:#000;text-decoration:none;background:var(--marker-green)}.toc a{color:inherit;text-decoration:none}a.icon{text-decoration:none;background:0 0}pre{padding:12px;overflow:auto;background:#eee;width:100%;line-height:initial}code{color:#000}p>code{background-color:#f7f7f7}.callout{padding:1em;font-size:.9em;background:#f5f5f5}.callout>ul{padding-inline:20px;margin-block:0}.callout>p{margin-block:0}.callout-heading{margin-block:0;font-weight:700}.footnotes{font-size:.9em;color:var(--pen-grey);&>ol,&>ul { padding-inline: 20px; } p { margin-block: 10px; }}details{margin-block:.67em;>p,>div { margin: .67em 1em; } figure { float: left; margin-right: 20px; img { max-height: 100px; } } summary { font-weight: 700; }}blockquote{font-style:italic;text-align:justify;margin-block:0 .67em}blockquote p::before{content:"\201C"}blockquote p::after{content:"\201D"}blockquote p:last-child{margin-block-end:0}blockquote+p{text-align:right;margin-right:20px;margin-block:0}.categories{list-style:none;padding:0;font-style:italic;li { display: inline; margin-inline: 0 4px; a { color: var(--pen-regular); font-weight: normal; text-decoration: none; } }}