@charset "UTF-8";:root{--color-accent:#8bb2ff;--color-accent-dark:#263d6c;--color-accent-dark-zero:#263d6c00;--color-accent-darker:#131e36;--color-accent-light:#b5ceff;--color-accent-lighter:#dee9ff;--color-black:#100412;--color-off-black:#0f0c21;--color-black-zero:#10041200;--color-white:#ffe1da;--color-white-zero:#ffe1da00;--color-red:#FF6666;--color-danger:#FF6666;--color-warning:rgb(255, 171, 87);--color-light-bg:#ebe0f2;--font-size-base:clamp(15px, 1.333vw, 23px);--font-size-xs:calc(.58 * var(--font-size-base));--font-size-s:calc(.75 * var(--font-size-base));--font-size-m:calc(1.25 * var(--font-size-base));--font-size-l:calc(2 * var(--font-size-base));--font-size-xl:calc(3.375 * var(--font-size-base));--font-size-xxl:calc(4.5 * var(--font-size-base));--mousex:0;--mousey:0;--mousex-delta:0;--mousey-delta:0;--scroll-y:0;--scroll-y-delta:0;--spacing-s:calc(2 * var(--font-size-base));--spacing-outer:calc(3 * var(--font-size-base));--font-headline:"new-science",sans-serif;--font-body:var(--font-headline)}@media screen and (min-width:1600px){:root{--font-size-base:23px}}@media screen and (max-width:640px){:root{--font-size-base:4.44vw;--font-size-xs:calc(.66 * var(--font-size-base));--font-size-s:calc(.66 * var(--font-size-base));--font-size-m:var(--font-size-base);--font-size-l:calc(1.2 * var(--font-size-base));--font-size-xl:calc(2 * var(--font-size-base));--font-size-xxl:calc(2.47 * var(--font-size-base));--spacing-s:calc(1.5 * var(--font-size-base));--spacing-outer:calc(1.126 * var(--font-size-base))}}

container{position:relative;font-family:var(--font-body);font-size:var(--font-size-base);background:var(--color-black);color:var(--color-white)}

main{padding:0;margin:0 auto;width:100vw;max-width:1200px;}

.editor h1{color: white;
  text-shadow: 1px 1px 2px grey, 0 0 25px white, 0 0 5px darkblue;}
.editor h2{color: white;
  text-shadow: 1px 1px 2px grey, 0 0 25px white, 0 0 5px darkblue;}

.figure{margin:2em 0}
.figure img{max-width:100%;height:auto;display:block;margin:0}
@keyframes jank{0%{--percentage:0%}50%{--percentage:100%}to{--percentage:0%}}

#bg{background-color:blue;opacity:0.5}
main{margin:0 auto;max-width:calc(1600px + 2 * var(--spacing-outer) - 2em)}
main:has(+.popup:not([data-popup-hidden])){filter:brightness(.5);transition:none}
@media screen and (max-width:640px){main{width:100vw;overflow:hidden}}