@font-face{font-family:josefin sans;src:url('/fonts/JosefinSans.ttf') format('truetype'),font-weight:normal;font-style:normal}@font-face{font-family:open sans;src:url('/fonts/OpenSans.ttf') format('truetype'),font-weight:normal;font-style:normal}@font-face{font-family:cc-icons;src:url('/fonts/cc-icons.otf') format('opentype'),font-weight:normal;font-style:normal}.cc{-moz-font-feature-settings:normal;-moz-font-language-override:normal;display:inline-block;font-family:cc-icons;font-size:2em;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;text-rendering:auto}.cc-sa:before{content:"\0061"}.cc-by:before{content:"\0062"}.cc-cc:before{content:"\0063"}.cc-nc-eu:before{content:"\0065"}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{display:grid;align-content:center;gap:2rem;padding:2rem;color:#1e1e1e;background-image:radial-gradient(#181818 2px,transparent 2px),radial-gradient(#181818 2px,transparent 2px);background-size:32px 32px;background-position:0 0,16px 16px;background-color:#121212;position:relative;--accent-color:#a256ff;font-family:josefin sans,sans-serif}header{width:min(60rem,100%);margin-inline:auto;display:flex;row-gap:2rem;flex-wrap:nowrap;justify-content:left}nav{width:min(60rem,100%);margin-inline:auto;display:flex;row-gap:2rem;height:2rem;flex-wrap:wrap;justify-content:left;font-size:1.2rem;color:#fff;background-color:var(--accent-color);z-index:1}nav::before,nav::after{content:'';position:absolute;height:2rem;width:calc(50vw - 30rem);background-color:var(--accent-color);z-index:-1}nav::before{left:0}nav::after{right:0}article.article-box{width:min(60rem,90%);margin-inline:auto;display:flex;row-gap:2rem;flex-wrap:wrap;justify-content:center;box-shadow:5px 5px 20px white}article.article-box article.article-content{background:#f0f0f0;--overlap-size:1.5rem;width:min(60rem,100%);padding-block-start:1.5rem;padding-block-end:2rem;display:grid;grid-template-rows:max-content max-content 1fr max-content;gap:.5rem;box-shadow:.25rem .25rem .5rem rgba(0,0,0,.5)}article.article-box article.article-content .article{padding:0 1rem;font-family:open sans,sans-serif}article.article-box article.article-content .article p{padding-bottom:.5rem}article.article-box article.article-content .article h1,h2,h3{padding-block-start:.5rem;font-family:josefin sans,sans-serif}article.article-box article.article-content .article-title{justify-self:start;margin-left:calc(var(--overlap-size) * -1);padding-block:.5rem;padding-inline:2.5rem;border:none;font-family:inherit;color:#fff;font-size:1.1rem;background-color:var(--accent-color);position:relative}article.article-box article.article-content .article-title::after{content:"";position:absolute;height:var(--overlap-size);width:var(--overlap-size);left:0;bottom:100%;background-color:inherit;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));clip-path:polygon(100% 0,100% 100%,0 100%)}article.article-box article.article-content .article-end-ribbon{justify-self:end;margin-right:calc(var(--overlap-size) * -1);padding-block:.25rem;padding-inline:2.5rem;background-color:var(--accent-color);color:#fff;font-size:1.1rem;background-image:linear-gradient(transparent 50%,rgba(0,0,0,.25) 0);background-size:100% 200%;transition:background-position 100ms ease;cursor:pointer;position:relative}article.article-box article.article-content .article-end-ribbon:focus-visible{outline-offset:5px;outline:2px solid var(--accent-color);background-position:0 100%}article.article-box article.article-content .article-end-ribbon:hover{background-position:0 100%}article.article-box article.article-content .article-end-ribbon::after{content:"";position:absolute;height:var(--overlap-size);width:var(--overlap-size);right:0;top:100%;background-color:inherit;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));clip-path:polygon(0 0,100% 0,0 100%)}article.article-box:nth-last-child(2){margin-bottom:3rem}article.article-box article.article-content .article-tag-ribbon{justify-self:end;margin-right:calc(var(--overlap-size) * -1);padding-block:.25rem;padding-inline:2.5rem;background-color:var(--accent-color);color:#fff;font-size:1.1rem;background-image:linear-gradient(transparent 50%,rgba(0,0,0,.25) 0);background-size:100% 200%;transition:background-position 100ms ease;cursor:pointer;position:relative}article.article-box article.article-content .article-tag-ribbon:focus-visible{outline-offset:5px;outline:2px solid var(--accent-color);background-position:0 100%}article.article-box article.article-content .article-tag-ribbon::after{content:"";position:absolute;height:var(--overlap-size);width:var(--overlap-size);right:0;top:100%;background-color:inherit;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));clip-path:polygon(0 0,100% 0,0 100%)}a:link{color:#a256ff}a:visited{color:#7a44dd}a:hover{color:#9f69ff}a:active{color:#a48eff}.article-tag-ribbon a:link{color:#fff}.article-tag-ribbon a:visited{color:#fff}.article-tag-ribbon a:hover{color:#000}.article-tag-ribbon a:active{color:#fff}img{max-width:100%}div.highlight pre{white-space:pre-wrap;word-break:break-word;overflow-x:scroll}footer{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:none;margin:0;display:flex;height:3rem;padding-inline:min(2rem,4vw);background-color:var(--accent-color);z-index:1}footer .container{width:min(60rem,100%);margin-inline:auto;display:flex;align-items:center;height:100%;padding-inline:1rem;gap:1rem;font-size:.75rem;color:#fff}footer::before,footer::after{content:'';position:absolute;height:100%;width:50vw;background-color:var(--accent-color);z-index:-1}footer::before{left:0}footer::after{right:0}