:root{--theme:#FFFFFF;--flavor:#000000;--spice:#2396FF;--text-font:'DM Sans', sans-serif;--text-primary:#232323;--text-secondary:#777777;--btn-background:#FBFBFB;--btn-border:#C2C2C2;--btn-text:#777777;--component-background:#D9D9D9;--showcase-overlay:rgba(0, 0, 0, 0.8);--showcase-text:#FFFFFF;--article-text-alignment:left;--code-background:#F8F8F8;--code-border:#CACACA;--code-text-block:#232323;--code-text-single:#Bf541F;--table-header-background:#F5F5F5;--table-border:#DADADA}*{font-family:var(--text-font);scroll-behavior:smooth}body{background-color:var(--theme)}a,body,h1,p{margin:0;padding:0}s::after,s::before{clip-path:inset(100%);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}s::before{content:" [start of stricken text] "}s::after{content:" [end of stricken text] "}b,strong{font-weight:600}footer{margin:30px 0;text-align:center}footer p,footer p i{color:var(--theme);font-size:.3em}button{background-color:var(--btn-background);border:1px solid var(--btn-border);font-size:15px;font-weight:300;color:var(--btn-text);padding:8px 12px;margin:0-1px -1px 0;cursor:pointer;transition:.2s}#portfolio-navigation button{border-radius:5px}#intro-1{max-width:420px;line-height:1.6rem}button:hover{color:var(--flavor);border:1px solid var(--flavor)}button.clicked{z-index:1;transition:.2s}button.clicked,button.clicked:hover{background-color:var(--flavor);color:var(--theme);border:1px solid var(--flavor)}.container{position:relative;max-width:1000px;margin:8em auto 4em;padding:0 50px}.container p,.title,.title a{font-size:1.15rem;font-weight:300;margin:5px 0}.container a,.title a{color:var(--spice);text-decoration:none}.title a:hover{color:var(--spice)}.hidden-until-loaded{display:none}@media screen and (max-width:450px){.container{margin:5em auto}}@media screen and (max-width:768px){.container{padding:0 30px}}.button-container{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;gap:5px;margin:40px 0}