1 line
18 KiB
CSS
1 line
18 KiB
CSS
@font-face{font-display:swap;font-family:Zx Spectrum;font-style:normal;font-weight:100;font-weight:400;src:url(/wp-content/themes/zx-spectrum/assets/fonts/zx_spectrum-7-webfont.woff2) format("woff2"),url(/wp-content/themes/zx-spectrum/assets/fonts/zx_spectrum-7-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Zx Spectrum;font-style:bold;font-weight:700;src:url(/wp-content/themes/zx-spectrum/assets/fonts/zx_spectrum-7_bold-webfont.woff2) format("woff2"),url(/wp-content/themes/zx-spectrum/assets/fonts/zx_spectrum-7_bold-webfont.woff) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(/fonts/inter/Inter-Thin.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Thin.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100;src:url(/fonts/inter/Inter-ThinItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ThinItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(/fonts/inter/Inter-ExtraLight.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ExtraLight.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:200;src:url(/fonts/inter/Inter-ExtraLightItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ExtraLightItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/fonts/inter/Inter-Light.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Light.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:300;src:url(/fonts/inter/Inter-LightItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-LightItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/inter/Inter-Regular.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Regular.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:400;src:url(/fonts/inter/Inter-Italic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Italic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/fonts/inter/Inter-Medium.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Medium.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:500;src:url(/fonts/inter/Inter-MediumItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-MediumItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/fonts/inter/Inter-SemiBold.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-SemiBold.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:600;src:url(/fonts/inter/Inter-SemiBoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-SemiBoldItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/inter/Inter-Bold.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Bold.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:700;src:url(/fonts/inter/Inter-BoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-BoldItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(/fonts/inter/Inter-ExtraBold.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ExtraBold.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:800;src:url(/fonts/inter/Inter-ExtraBoldItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-ExtraBoldItalic.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/fonts/inter/Inter-Black.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-Black.woff?v=3.19) format("woff")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:900;src:url(/fonts/inter/Inter-BlackItalic.woff2?v=3.19) format("woff2"),url(/fonts/inter/Inter-BlackItalic.woff?v=3.19) format("woff")}@font-face{font-named-instance:"Regular";font-display:swap;font-family:Inter var;font-style:normal;font-weight:100 900;src:url(/fonts/inter/Inter-roman.var.woff2?v=3.19) format("woff2")}@font-face{font-named-instance:"Italic";font-display:swap;font-family:Inter var;font-style:italic;font-weight:100 900;src:url(/fonts/inter/Inter-italic.var.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Inter var experimental;font-style:oblique 0deg 10deg;font-weight:100 900;src:url(/fonts/inter/Inter.var.woff2?v=3.19) format("woff2")}@font-face{font-display:swap;font-family:Christmas;font-style:normal;src:url(/fonts/christmas.ttf) format("ttf")}:root{--color-black:#000;--color-white:#fff;--color-slate:#475569;--color-light:#f3f3f3;--color-dark:#252525;--color-rose:#9f1239;--color-lime:#84cc16;--color-cyan:#67e8f9;--color-christmas-darkGreen:#165b33;--color-christmas-lightGreen:#146b3a;--color-christmas-yellow:#f8b229;--color-christmas-lightRed:#ea4630;--color-christmas-darkRed:#930c24;--color-lightGrey:#f3f4f6;--color-darkGrey:#374151;--space-size-0:clamp(0.83rem,0.9rem + -0.32vw,0.67rem);--space-base:clamp(1rem,1rem + 0vw,1rem);--space-size-1:clamp(1.2rem,1.08rem + 0.59vw,1.5rem);--space-size-2:clamp(1.44rem,1.12rem + 1.58vw,2.25rem);--space-size-3:clamp(1.73rem,1.09rem + 3.21vw,3.38rem);--space-size-4:clamp(2.07rem,0.91rem + 5.83vw,5.06rem);--space-size-5:clamp(2.49rem,0.5rem + 9.96vw,7.59rem);--text-size-0:clamp(0.83rem,0.9rem + -0.32vw,0.67rem);--text-base:clamp(1rem,1rem + 0vw,1rem);--text-size-1:clamp(1.2rem,1.08rem + 0.59vw,1.5rem);--text-size-2:clamp(1.44rem,1.12rem + 1.58vw,2.25rem);--text-size-3:clamp(1.73rem,1.09rem + 3.21vw,3.38rem);--text-size-4:clamp(2.07rem,0.91rem + 5.83vw,5.06rem);--text-size-5:clamp(2.49rem,0.5rem + 9.96vw,7.59rem);--font-family-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-mono-base:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-family-mono:"ZX Spectrum",var(--font-family-mono-base);--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px}*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}[role=list],ol,ul{list-style:none;margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{line-height:1.75;min-height:100vh;min-height:100dvh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--font-family-spooky:"Creepy Pumkin",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-family-christmas:"Christmas",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--color-secondary:var(--color-white);--color-primary:var(--color-black);--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{--font-heading:"Zx Spectrum",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;background:var(--color-secondary);color:var(--color-primary);font-family:Zx Spectrum,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--text-size-1)}.heading,h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight,600);line-height:1.5}.heading,h1{font-size:clamp(1.73rem,1.09rem + 3.21vw,3.38rem);line-height:1.4}h2{font-size:clamp(1.44rem,1.12rem + 1.58vw,2.25rem)}h2,h3{line-height:1.2}h3{font-size:clamp(1.2rem,1.08rem + .59vw,1.5rem)}h1,h2{max-width:70ch}[role=link],a{color:inherit;text-decoration:underline;text-decoration-thickness:.15rem;text-underline-offset:.3rem}[role=link]:hover,a:hover{text-decoration-style:solid;text-decoration:underline}[role=link]:visited,a:visited{color:inherit}nav{font-family:var(--font-nav);font-size:var(--text-size-base)}[data-color-scheme=spooky] header nav{font-size:var(--text-size-2)}details ul li{font-size:var(--text-size-base)}[data-color-scheme=spooky] details ul li,summary{font-size:var(--text-size-1)}summary{font-weight:600}[data-color-scheme=spooky] summary{font-size:var(--text-size-2)}p{word-wrap:break-word}p [role=link],p a{text-decoration:underline}fieldset{--row-gutter:var(--space-size-1)}fieldset legend{font-size:var(--text-size-1)}article ul{list-style:disc;padding-left:var(--space-size-1)}article ol{list-style:decimal;padding-left:var(--space-size-3)}input,textarea{border-color:var(--color-accent);border-style:solid;border-width:1px}:not(pre)>code{background:var(--color-primary);border-radius:5px;color:var(--color-secondary);font-family:var(--font-family-mono-base);padding:2px 10px}.grid{gap:var(--grid-gutter,var(--space-size-2));grid-template-columns:repeat(var(--grid-placement,auto-fill),minmax(var(--grid-min-item-size,16rem),1fr))}.grid[data-grid="[20 80]"]{grid-template-columns:9rem repeat(auto-fill,clamp(10rem,60vw,40rem))}.grid[data-grid-cols="2"]{--grid-min-item-size:clamp(10rem,50%,25rem)}.grid[data-grid-cols="3"]{--grid-min-item-size:clamp(8rem,33%,16rem)}.grid[data-grid-cols="4"]{--grid-min-item-size:clamp(8rem,25%,16rem)}.grid[data-grid-cols="5"]{--grid-placement:auto-fill;--grid-min-item-size:clamp(9rem,20%,10rem)}[class*=row]{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--row-gutter,var(--space-size-2))}[class*=row]>*{flex-grow:1}.row-collapse{--row-gutter:0;padding-left:2rem}.row-collapse>*{margin-left:-1.5rem}.with-sidebar{display:flex;flex-wrap:wrap;gap:var(--space-size-1)}.sidebar{flex-basis:20rem;flex-grow:1}.with-sidebar>:not(.sidebar){flex-basis:0;flex-grow:999;min-inline-size:50%}[class*=stack]{display:flex;flex-direction:column}.stack-sm{--stack-spacing:var(--space-size-0)}.stack-md{--stack-spacing:var(--space-size-base)}.stack-lg{--stack-spacing:var(--space-size-1)}.stack-xl{--stack-spacing:var(--space-size-2)}.stack-2xl{--stack-spacing:var(--space-size-3)}[class*=stack]>*+*{-webkit-margin-before:var(--stack-spacing,1.5rem);margin-block-start:var(--stack-spacing,1.5rem)}.hero{margin-left:auto;margin-right:auto;max-width:var(--hero-max-w,var(--screen-lg));width:100%}[class*=wrapper]{margin-left:var(--wrapper-margin,auto);margin-right:var(--wrapper-margin,auto);max-width:var(--wrapper-width,var(--screen-lg));padding:var(--wrapper-padding,var(--space-size-0));width:100%}.wrapper-lg{--wrapper-width:var(--screen-lg)}.wrapper-md{--wrapper-width:var(--screen-md)}.wrapper-sm{--wrapper-width:var(--screen-sm)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-accent{border-color:var(--color-accent)}.color-primary{color:var(--color-primary)}.color-secondary{color:var(--color-secondary)}.color-accent{color:var(--color-accent)}.flow-1l>*>*+*,.flow>*+*{margin-top:var(--flow-space,var(--space-size-1))}.w-paragraph{max-width:80ch;width:100%}.basic-select{background-color:#fff;background-image:linear-gradient(0deg,hsla(0,0%,60%,.1) 12.5%,#fff 0,#fff 50%,hsla(0,0%,60%,.1) 0,hsla(0,0%,60%,.1) 62.5%,#fff 0,#fff);background-size:8px 8px;border:2px solid #000;border-top:0 solid;line-height:1.3}.basic-select a{display:block;padding:.2rem var(--space-size-0);text-decoration:none}.basic-select a:focus,.basic-select a:hover{background:var(--color-cyan);outline:none}.basic-select:before{background:#000;background-image:linear-gradient(135deg,transparent 30%,red 0,red 40%,#ff0 0,#ff0 50%,#4f0 0,#4f0 60%,#00fff7 0,#00fff7 70%,transparent 0);background-position:110%;background-repeat:no-repeat;background-size:15rem 100%;content:"128";display:block}.basic-select:before,.headerbar{color:#fff;padding:0 var(--space-size-0)}.headerbar{background:#000;background-image:linear-gradient(135deg,transparent 30%,red 0,red 40%,#ff0 0,#ff0 50%,#4f0 0,#4f0 60%,#00fff7 0,#00fff7 70%,transparent 0);background-position:right -1rem top;background-repeat:no-repeat;background-size:10rem 100%;bottom:2%;font-size:var(--text-size-base);margin:0;max-width:calc(var(--wrapper-width, var(--screen-lg)) - var(--space-size-0)*2);position:fixed;text-align:left;text-shadow:-2px -2px 0 #000,0 -2px 0 #000,2px -2px 0 #000,2px 0 0 #000,2px 2px 0 #000,0 2px 0 #000,-2px 2px 0 #000,-2px 0 0 #000;width:calc(100% - var(--space-size-0)*2)}.blogpost{overflow:auto;padding:0;padding-left:var(--space-size-0);padding-right:var(--space-size-0);position:relative}.blogpost .e-content{font-family:var(--font-family-mono-base)}.blogpost:has(#mono:checked) .e-content{font-family:var(--font-family-mono)}.post-title a:not(:hover){text-decoration:none}.circle{flex:1 1 4rem;max-width:4rem}.circle img{border-radius:100%}.linkback{display:inline-block;font-size:clamp(.83rem,.9rem + -.32vw,.67rem);margin-top:0;text-decoration-thickness:.05rem;width:100%}.comment{border-color:var(--color-accent);border-style:solid;border-width:1px 0 0;margin-left:auto;margin-right:auto;padding-top:clamp(1.2rem,1.08rem + .59vw,1.5rem);position:relative;width:90%}.comment:first-of-type{border-width:0}.controls{display:flex;justify-content:space-between;width:100%}.heading:not(:hover),header nav a{text-decoration:none}.micro{background-image:linear-gradient(0deg,hsla(0,0%,60%,.1) 12.5%,#fff 0,#fff 50%,hsla(0,0%,60%,.1) 0,hsla(0,0%,60%,.1) 62.5%,#fff 0,#fff);background-size:8px 8px;border:2px solid #000;display:block;font-size:var(--text-size-1);padding:var(--space-size-0)}.micro time{font-weight:700}.pixelated{height:auto;image-rendering:pixelated;width:100%}code[class*=language],pre[class*=language]{margin-top:var(--flow-space,var(--space-size-1))!important}pre .comment{border:0}@media (prefers-color-scheme:light){.pumpkin{--color-pumpkin-body-fill:#000;--color-pumpkin-body-stroke:transparent;--color-pumpkin-accent-fill:#fcee21;--color-pumpkin-accent-stroke:transparent}}[data-color-scheme=light] .pumpkin{--color-pumpkin-body-fill:#000;--color-pumpkin-body-stroke:transparent;--color-pumpkin-accent-fill:#fcee21;--color-pumpkin-accent-stroke:transparent}.pumpkin{--color-pumpkin-body-fill:#fff;--color-pumpkin-body-stroke:#000;--color-pumpkin-accent-fill:var(--color-rose);--color-pumpkin-accent-stroke:#000;height:auto;width:35px}.pumpkin .body{fill-rule:evenodd;clip-rule:evenodd;fill:var(--color-pumpkin-body-fill);stroke:var(--color-pumpkin-body-stroke)}.pumpkin .detail{fill-rule:evenodd;clip-rule:evenodd;fill:var(--color-pumpkin-accent-fill);stroke:var(--color-pumpkin-accent-stroke)}.square{aspect-ratio:1;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mt-auto{margin-top:auto}.mt-size-1{margin-top:clamp(1.2rem,1.08rem + .59vw,1.5rem)}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.h-\[90vh\]{height:90vh}.h-\[90dvh\]{height:90dvh}.h-full{height:100%}.h-screen{height:100vh}.h-\[100dvh\]{height:100dvh}.h-auto{height:auto}.max-h-\[90vh\]{max-height:90vh}.max-h-\[90dvh\]{max-height:90dvh}.min-h-screen{min-height:100vh}.w-screen{width:100vw}.w-\[60\%\]{width:60%}.w-full{width:100%}.max-w-\[10\%\]{max-width:10%}.max-w-\[40ch\]{max-width:40ch}.max-w-\[75\%\]{max-width:75%}.flex-grow{flex-grow:1}.resize{resize:both}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-lightGrey{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.p-none{padding:0}.py-size-0{padding-bottom:clamp(.83rem,.9rem + -.32vw,.67rem)}.pt-size-0,.py-size-0{padding-top:clamp(.83rem,.9rem + -.32vw,.67rem)}.pl-none{padding-left:0}.pt-size-2{padding-top:clamp(1.44rem,1.12rem + 1.58vw,2.25rem)}.text-center{text-align:center}.text-right{text-align:right}.text-size-0{font-size:clamp(.83rem,.9rem + -.32vw,.67rem)}.text-size-2{font-size:clamp(1.44rem,1.12rem + 1.58vw,2.25rem)}.text-base{font-size:clamp(1rem,1rem + 0vw,1rem)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.w-content{width:-moz-fit-content;width:fit-content} |