html{--bg:rgb(255,255,255);--color:rgb(0,0,0);--blue:rgb(32,89,246);--space-factor:2;--space0:1px;--space1:calc(var(--space0) * var(--space-factor));--space2:calc(var(--space1) * var(--space-factor));--space3:calc(var(--space2) * var(--space-factor));--space4:calc(var(--space3) * var(--space-factor));--space5:calc(var(--space4) * var(--space-factor));--fweight0:300;--fweight1:700;--fweight2:900;--fsize0:16px;--fsize1:25px;--fsize2:80px;--ffamily:Inter,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--layout-width:500px}.dark{--bg:rgb(0,0,0);--color:rgba(255,255,255,0.85);--blue:rgb(255,255,255);--fweight1:600}body{background:var(--bg);color:var(--color);padding:0;margin:0;font-size:var(--fsize1);font-weight:var(--fweight0);font-family:var(--ffamily)}.layout{padding:40px 50px;max-width:var(--layout-width)}@media (max-width:600px){html{--fsize2:40px}}h1,p.h1{font-size:var(--fsize2);line-height:1em;letter-spacing:-.06em}h1,h3,p.h1{font-weight:var(--fweight1);margin:0 0 1em}h3{font-size:var(--fsize1)}p{font-weight:var(--fweight0);margin:0 0 1em}.spread{max-width:unset}.spread footer,.spread header{max-width:var(--layout-width)}.spread main{display:flex;flex-flow:row wrap}.spread p{flex:1 1;margin-right:var(--space5)}b{font-weight:var(--fweight1)}blockquote{padding:1em 1em 0;margin:0 0 1em;border:1px solid var(--color);border-radius:var(--space2)}.fweight0{font-weight:var(--fweight0)}.fweight1{font-weight:var(--fweight1)}.fweight2{font-weight:var(--fweight2)}.center{text-align:center}a{color:var(--color);text-decoration:underline}.color{color:var(--blue)}nav{font-size:var(--fsize0)}nav ul{margin:0 0 1em;list-style:none;padding:0;display:flex;align-items:center;flex-wrap:wrap}nav ul li{flex:0 0 auto;font-weight:var(--fweight2);margin-right:var(--space3)}nav ul li.expand{flex:1 0 auto}button{background:var(--bg);color:var(--color);border-color:var(--color);border-style:outset;border-radius:5px;border-width:2px;height:var(--space5);cursor:pointer;padding:var(--space2) var(--space3);margin-right:var(--space3);font-weight:var(--fweight1)}button.pressed,button:active{border-style:inset;color:var(--bg);background:var(--color)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/font/inter-var-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/font/inter-var-latin-ext.woff2) format("woff2");unicode-range:u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/font/inter-var-cyrillic.woff2) format("woff2");unicode-range:u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/font/inter-var-cyrillic-ext.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/font/inter-var-greek.woff2) format("woff2");unicode-range:u+0370-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/font/inter-var-greek-ext.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/font/inter-var-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+1ea0-1ef9,u+20ab}.space1{height:0}@media (max-width:1000px){.space1{height:320px}}@media (max-width:600px){.space1{height:240px}}.rotation-card{position:relative;display:inline-block;z-index:var(--zindex);transition:transform .2s ease .1s;width:90%;font-size:20px;line-height:1.3em;transform-origin:55% 43%;z-index:var(--zi);transform:rotate3d(var(--rp),var(--ra)) scale(1)}.rotation-card:hover{z-index:1000;transform:rotate3d(var(--rp),var(--rah)) scale(.97)}@media only screen and (min-width:700px){.rotation-card{font-size:20px;line-height:1.3em}.rotation-card:hover{transform:rotate3d(var(--rp),var(--rah)) scale(1.2)}}.image-side{position:absolute;width:100%;left:0;top:0;transform:rotate(-90deg);transform-origin:100% 0;font-size:.6em;opacity:0}.image-side.top{text-align:right}.image-side.bottom{text-align:left}.rotation-card:hover .image-side{opacity:.75}.image-side span{background:var(--bg);background-blend-mode:overlay;padding:.2em .4em;border-radius:3px}