html{font-size:16px;--anv-color-background:#181818;--anv-color-surface:#36234c;--anv-color-auxiliary:#805bbb;--anv-color-action:#b9a3d4;--anv-color-decoration:#d3cde0;--anv-color-emphasis:#73b0df;--anv-color-foreground:#fafafa;--anv-font-primary:"Outfit",serif;--anv-font-secondary:"Martian Mono",monospace}body{margin:0;background-color:var(--anv-color-background);font-family:var(--anv-font-primary);color:var(--anv-color-foreground)}main{overflow:hidden;min-height:100dvh}#page,main{display:flex;flex-direction:column}#page{align-items:center;justify-content:center;gap:1.5rem;flex:1 1}a{text-decoration:unset;color:unset}p{color:var(--anv-color-decoration);opacity:.91}p.emphasis{margin-block:.5rem;color:var(--anv-color-emphasis);font-family:var(--anv-font-secondary);text-transform:uppercase;font-weight:300}h1{font-size:3rem;font-weight:250;color:var(--anv-color-action);.comp-heading &{margin-block:.1rem .3rem}}h2{font-size:2rem;font-weight:400;color:var(--anv-color-emphasis);padding-block:.2rem;border-bottom:3px solid var(--anv-color-emphasis)}.comp-heading{margin-block:1rem}.subtitle,.supertitle{font-family:var(--anv-font-secondary);&:after,&:before{opacity:.3}}.supertitle{color:var(--anv-color-emphasis);&:before{content:"["}&:after{content:"]"}}.subtitle{color:var(--anv-color-auxiliary);font-size:1.2em;font-weight:250}p.quote{background-color:color-mix(in srgb,var(--anv-color-surface),transparent 70%);font-style:italic;color:var(--anv-color-auxiliary);padding:10px;font-family:var(--anv-font-secondary);font-size:.8em;&:before{content:"> ";opacity:.4}}#prefooter{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block:calc(2rem + 4vw) -5px;position:relative;visibility:visible;&[hidden]{visibility:hidden}}#footer{position:relative;display:flex;justify-content:center;gap:10px;padding:10px;color:var(--anv-color-auxiliary);z-index:1}.sns-link{height:24px;width:24px;background-color:var(--anv-color-auxiliary);-webkit-mask-image:attr(data-ico);mask-image:attr(data-ico);mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:.2s ease;&:hover{background-color:var(--anv-color-action)}}