p+.paragraph-spaced-list{margin-block-start:var(--space-paragraph)}.paragraph-spaced-list{li + li { margin-block-start: var(--space-paragraph); }}.home-latest{display:grid;grid-column:main-start/main-end;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:min-content min-content;grid-template-areas:"blog1 blog1 blog2 blog2" "photo1 photo2 photo3 photo4";.home-latest__blog { margin-block-end: var(--space-m); } .home-latest__blog:nth-of-type(1) { grid-area: blog1; border-right: 2px dashed var(--gray6); padding-inline-end: var(--space-s); } .home-latest__blog:nth-of-type(2) { grid-area: blog2; padding-inline-start: var(--space-s); } .home-latest__photo { }}@media screen and (max-width:480px){.home-latest{grid-template-columns:1fr 1fr;grid-template-rows:repeat(min-content,4);grid-template-areas:"blog1 blog2" "photo1 photo2" "photo3 photo4"}}p+.home-latest{margin-block-start:var(--space-paragraph)}#dungeon-background{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;filter:brightness(.3)}.nethack-logfile{margin-inline-start:0;padding-inline-start:0;.nethack-logentry { align-items: first baseline; display: grid; grid-template-columns: min-content min-content auto min-content; grid-template-areas: "list-marker entry-marker entry-date        entry-character-descriptor" ".           .            entry-description entry-description" ".           .            entry-stats       entry-stats"; gap: var(--space-xs); margin-inline-start: 0; }}.nethack-logentry{&:not(:last-child) { margin-block-end:var(--space-l); } &::before { grid-area:list-marker; } .nethack-logentry__marker { grid-area:entry-marker; } .nethack-logentry__date { grid-area:entry-date; line-height:1; margin:0; padding:0; } .nethack-logentry__character-descriptor { font-family:var(--font-family-monospace); font-size:var(--text-s); grid-area:entry-character-descriptor; line-height:1; white-space:nowrap; } .nethack-logentry__description { grid-area:entry-description; margin:0; } .nethack-logentry__stats { border:0; color:var(--text-color-secondary); font-family:var(--font-family-monospace); font-size:var(--text-s); grid-area:entry-stats; margin-block:0; width:100%; -webkit-border-horizontal-spacing:0; -webkit-border-vertical-spacing:0; } .nethack-logentry__stats { padding:0; text-transform:uppercase; vertical-align:bottom; white-space:nowrap; thead { font-weight:bolder; } .nethack-logentry__score,.nethack-logentry__hp,.nethack-logentry__level { width:16rem; text-align:right; } }}.twitter{ol { list-style-type: none; padding-inline-start: 0; li > & { padding-inline-start: 4ch; } } .pagination { display: flex; font-family: var(--font-family-monospace); gap: 2ch; list-style-type: none; padding-inline-start: 0; li { padding-inline-start: 0; a:not([href]) { color: var(--text-color-secondary); &:hover { text-decoration: none; } } } }}.tweet{&.page-summary:not(:last-child) { border-bottom: 2px dashed var(--text-color-secondary); margin-block-end: var(--space-l); padding-block-end: var(--space-l); } .text { grid-column: main-start / main-end; overflow-wrap: break-word; text-wrap-mode: wrap; p { margin-block: 0; white-space-collapse: preserve; } } footer { margin-block-start: var(--space-paragraph); }}blockquote,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}:root{--text-color-link:var(--blue)}a{color:var(--text-color-link);text-decoration:none;&:hover { color:var(--text-color-link); text-decoration:underline; } &:visited { color:var(--text-color-link); text-decoration:underline dashed; }}@media(prefers-reduce-motion:reduce){a{text-decoration:underline}}:root{--gray1:rgb(14 16 27);--gray2:rgb(28 33 49);--gray3:rgb(52 59 82);--gray4:rgb(87 94 120);--gray5:rgb(138 144 166);--gray6:rgb(200 204 217);--gray7:rgb(249 251 255);--light-blue:rgb(69 212 243);--blue:rgb(28 168 239);--dark-blue:rgb(63 46 231);--lilac:rgb(187 121 245);--purple:rgb(197 141 244);color-scheme:light dark}@media screen and (prefers-color-scheme:light){:root{--background-color:var(--gray7);--hr-color:var(--gray1);--text-color-primary:var(--gray1);--text-color-secondary:var(--gray4);--text-color-light:var(--gray5)}}@media screen and (prefers-color-scheme:dark){:root{--background-color:var(--gray1);--hr-color:var(--gray7);--text-color-primary:var(--gray7);--text-color-secondary:var(--gray5);--text-color-light:var(--gray4)}}:root{--background-color:light-dark(var(--gray7), var(--gray1));--hr-color:var(--text-color-secondary);--text-color-primary:light-dark(var(--gray1), var(--gray7));--text-color-secondary:light-dark(var(--gray4), var(--gray5));--text-color-light:light-dark(var(--gray5), var(--gray4))}:root[color-scheme=dark]{color-scheme:only dark}:root[color-scheme=light]{color-scheme:only light}body{background-color:var(--background-color);color:var(--text-color-primary)}hr{border:0;border-bottom:2px dashed var(--hr-color);color:var(--hr-color);width:100%}:root{--space-base:1rem;--space-xxs:calc(var(--space-base) * pow(1.618, -3));--space-xs:calc(var(--space-base) * pow(1.618, -2));--space-s:calc(var(--space-base) * pow(1.618, -1));--space-m:calc(var(--space-base) * pow(1.618, 0));--space-l:calc(var(--space-base) * pow(1.618, 1));--space-xl:calc(var(--space-base) * pow(1.618, 2));--space-xxl:calc(var(--space-base) * pow(1.618, 3));--fixed-space-base:1rem;--fixed-space-xxs:calc(var(--fixed-space-base) * pow(1.618, -3));--fixed-space-xs:calc(var(--fixed-space-base) * pow(1.618, -2));--fixed-space-s:calc(var(--fixed-space-base) * pow(1.618, -1));--fixed-space-m:calc(var(--fixed-space-base) * pow(1.618, 0));--fixed-space-l:calc(var(--fixed-space-base) * pow(1.618, 1));--fixed-space-xl:calc(var(--fixed-space-base) * pow(1.618, 2));--fixed-space-xxl:calc(var(--fixed-space-base) * pow(1.618, 3));--space-paragraph:var(--space-m)}.margin-block-start--xxs{margin-block-start:var(--space-xxs)}.margin-block-end--xxs{margin-block-end:var(--space-xxs)}.margin-inline-start--xxs{margin-inline-start:var(--space-xxs)}.margin-inline-end--xxs{margin-inline-end:var(--space-xxs)}.margin-block-start--xs{margin-block-start:var(--space-xs)}.margin-block-end--xs{margin-block-end:var(--space-xs)}.margin-inline-start--xs{margin-inline-start:var(--space-xs)}.margin-inline-end--xs{margin-inline-end:var(--space-xs)}.margin-block-start--s{margin-block-start:var(--space-s)}.margin-block-end--s{margin-block-end:var(--space-s)}.margin-inline-start--s{margin-inline-start:var(--space-s)}.margin-inline-end--s{margin-inline-end:var(--space-s)}.margin-block-start--m{margin-block-start:var(--space-m)}.margin-block-end--m{margin-block-end:var(--space-m)}.margin-inline-start--m{margin-inline-start:var(--space-m)}.margin-inline-end--m{margin-inline-end:var(--space-m)}.margin-block-start--l{margin-block-start:var(--space-l)}.margin-block-end--l{margin-block-end:var(--space-l)}.margin-inline-start--l{margin-inline-start:var(--space-l)}.margin-inline-end--l{margin-inline-end:var(--space-l)}.margin-block-start--xl{margin-block-start:var(--space-xl)}.margin-block-end--xl{margin-block-end:var(--space-xl)}.margin-inline-start--xl{margin-inline-start:var(--space-xl)}.margin-inline-end--xl{margin-inline-end:var(--space-xl)}.margin-block-start--xxl{margin-block-start:var(--space-xxl)}.margin-block-end--xxl{margin-block-end:var(--space-xxl)}.margin-inline-start--xxl{margin-inline-start:var(--space-xxl)}.margin-inline-end--xxl{margin-inline-end:var(--space-xxl)}h1,h2,h3,h4,h5,h6{margin-block:var(--space-l)var(--space-m)}:is(h1,h2,h3,h4,h5,h6),.page-header{+:is(h1,h2,h3,h4,h5,h6),+:is(dl,ol,ul) { margin-block-start:0; }}hr{margin-block:var(--space-l)}:is(dl,p,ol,ul,figure,.codeblock)+:is(dl,p,ol,ul,figure,.codeblock){margin-block-start:var(--space-paragraph)}p+:is(blockquote,table,.content-grid,.highlight,.instagram-media,.two-column:has(figure:first-child+figure:last-child)){margin-block-start:var(--space-xl)}:is(blockquote,table,.content-grid,.highlight,.instagram-media,.two-column:has(figure:first-child+figure:last-child)):has(+p){margin-block-end:var(--space-xl)}:root{--content-width:45rem;--gutter-width:var(--space-m)}body{display:grid;gap:0;grid-template-columns:[full-start] 1fr [wide-start] 1fr [wide-gutter-start wide-gutter-left-start] var(--gutter-width) [wide-gutter-left-end gutter-start gutter-left-start] var(--gutter-width) [gutter-left-end main-start] minmax(auto,var(--content-width)) [main-end gutter-right-start] var(--gutter-width) [gutter-right-end gutter-end wide-gutter-right-start] var(--gutter-width) [wide-gutter-right-end wide-gutter-end] 1fr [wide-end] 1fr [full-end];margin:0}@media screen and (max-width:480px){:root{--gutter-width:var(--space-s)}body{grid-template-columns:[ full-start wide-start wide-gutter-start wide-gutter-left-start wide-gutter-left-end gutter-start gutter-left-start ] var(--gutter-width) [gutter-left-end main-start] minmax(auto,var(--content-width)) [main-end gutter-right-start] var(--gutter-width) [ gutter-right-end gutter-end wide-gutter-right-start wide-gutter-right-end wide-gutter-end wide-end full-end ]}}.body__container,.site-header,.main--list,.main--single,.content{display:grid;grid-template-columns:subgrid;grid-column:full-start/full-end}.main--list{.page-header { grid-column: main-start / main-end; } .page-header, .main__content { margin-block-end: var(--space-xl); }}.body__container{gap:var(--space-xl)0}.list-header,p{grid-column:main-start/main-end}.content>:not(figure){grid-column:main-start/main-end}img{object-fit:contain}.content-term-list{display:flex;list-style:none;padding-inline:0;li:not(:last-child) { margin-inline-end:var(--space-s); }}section.content--small-right-column{display:block flow;grid-column:main-start/main-end;p { grid-column: unset; } .content--right-column, :has(.content--right-column) { float: inline-end; margin-block: 0; }}main.content>.two-column{display:grid;grid-column:main-start/main-end;grid-template-columns:1fr 1fr;&.wide { grid-column: wide-gutter-start / wide-gutter-end; } > :first-child { grid-column: unset; } > :last-child { grid-column: unset; } > .figure { display: block; } &:has(figure:first-child + figure:last-child) { gap: var(--space-xs); grid-column: wide-gutter-start / wide-gutter-end; }}@font-face{font-family:source-code-pro;font-weight:200 900;font-style:normal;font-stretch:normal;src:url(https://erynwells.me/fonts/sourceCodePro-variable.woff2)}@font-face{font-family:source-code-pro;font-weight:200 900;font-style:italic;font-stretch:normal;src:url(https://erynwells.me/fonts/sourceCodePro-italic-variable.woff2)}:root{--font-family-sans:system-ui, Arial, sans-serif;--font-family-serif:Georgia, serif;--font-family-monospace:source-code-pro, monospace;--font-family-body:var(--font-family-sans);--font-family-heading:var(--font-family-monospace);--text-base:1rem;--text-xxs:calc(var(--text-base) * pow(1.2, -3));--text-xs:calc(var(--text-base) * pow(1.2, -2));--text-s:calc(var(--text-base) * pow(1.2, -1));--text-m:calc(var(--text-base) * pow(1.2, 0));--text-l:calc(var(--text-base) * pow(1.2, 1));--text-xl:calc(var(--text-base) * pow(1.2, 2));--text-xxl:calc(var(--text-base) * pow(1.2, 3))}.text--xxs{font-size:var(--text-xxs)}.text--xs{font-size:var(--text-xs)}.text--s{font-size:var(--text-s)}.text--m{font-size:var(--text-m)}.text--l{font-size:var(--text-l)}.text--xl{font-size:var(--text-xl)}.text--xxl{font-size:var(--text-xxl)}.text--mono{font-family:var(--font-family-monospace)}.text--serif{font-family:var(--font-family-serif)}.text--sans{font-family:var(--font-family-sans)}html{font-family:var(--font-family-body);font-size:clamp(100%,3vw,130%);line-height:1.45}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading)}h1{font-size:var(--text-xxl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-l)}h4{font-size:var(--text-m)}p,dd{letter-spacing:.01em}sup{font-size:var(--text-xs);line-height:1;vertical-align:text-top}.title{font-size:var(--text-xxl)}.subtitle{font-weight:lighter;font-family:var(--font-family-serif)}small,.text--small{color:var(--text-color-secondary);font-weight:400;font-size:var(--text-s);letter-spacing:.01em}:has(>img:only-child){line-height:1}.main--single,.main--list,.content{blockquote, dl, h1, h2, h3, h4, h5, h6, header, hr, nav, ol, section, ul, .footnotes, .main__section-header, .page-footer { grid-column: main-start / main-end; }}.main__posts-by-year{display:grid;grid-template-columns:subgrid}.codeblock,.codeblock code{font-family:var(--font-family-monospace)}.codeblock{color:var(--foreground);background-color:var(--background);grid-column:gutter-start/gutter-end;overflow:auto;padding-block:var(--space-s);.line { margin-inline: var(--gutter-width); }}.pre--plaintext{font-family:var(--font-family-body);grid-column:main-start/main-end}.color-theme__dracula{--background:#282A36;--foreground:#f8f8f2;--selection:#44475A;--comment:#6272A4;--red:#ff5555;--orange:#ffB86C;--yellow:#F1FA8C;--green:#50FA7B;--purple:#BD93F9;--cyan:#8BE9FD;--pink:#FF79C6}.codeblock{.err { color: var(--red); } .lnlinks { outline: none; text-decoration: none; color: inherit; } .line { display: flex; } .k { color: var(--purple); } .kc, .kd, .kp, .kr { color: var(--orange); } .kn { color: var(--yellow); } .kt { color: var(--yellow); font-weight: bolder; } .hl { background-color: var(--selection); } .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em; color: var(--text-color-secondary); } .na, .nc, .nd { color: var(--green); } .no { color: var(--cyan); } .ne { color: var(--pink); font-weight: bolder; } .nf { color: var(--green); } .nx { color: var(--green); } .nt { color: var(--red); } .l { color: var(--cyan); } .ld { color: var(--yellow); } .dl, .s, .sb, .sc { color: var(--yellow); } .il, .m, .mb, .mf, .mh, .mi, .mo { color: var(--yellow); font-weight: bolder; } .nb { color: var(--green); } .o { color: var(--orange); } .ow { color: var(--red); } .s2, .sd, .sh, .si, .sx { color: var(--yellow); } .se { color: var(--purple); } .sr { color: var(--green); } .sa, .s1, .ss { color: var(--yellow); } .c, .ch, .cm, .c1, .cs, .cp, .cpf { color: var(--comment); } .gd { color: var(--red); } .ge { font-style: italic; } .gi { color: var(--green); } .gs { font-weight: bold; } .gu { color: var(--text-color-secondary); }}.figure{grid-column:wide-gutter-start/wide-gutter-end}.figure--main-column{grid-column:main-start/main-end}.figure--code{grid-column:gutter-start/gutter-end}.figure{display:grid;grid-template-columns:subgrid;&:has(> img:only-child) { display:flex; justify-content:center; } &:has(.youtube) { display:block; grid-template-columns:unset; } > a:has(img:only-child) { grid-column:wide-gutter-start/wide-gutter-end; } .figure__caption--blockquote { font-size:inherit; margin-inline-start:var(--space-m); blockquote + & { margin-block-start:var(--space-m); } &::before { color:var(--text-color-secondary); content:"--"; } }}.figure :is(img,video){grid-column:wide-gutter-start/wide-gutter-end;max-width:100%}.figure--small{display:flow;margin-inline:auto;img { max-width: 480px; }}.figure video{width:100%}.figure .youtube{width:100%;iframe { aspect-ratio: 16 / 9; margin-bottom: -3px; width: 100%; }}figcaption{color:var(--text-color-secondary);font-weight:400;font-size:var(--text-xs);grid-column:main-start/main-end;letter-spacing:.01em}.content-grid>.figure{grid-column:unset}.img--circular{shape-outside:circle(50%);-webkit-clip-path:circle(50%);clip-path:circle(50%)}dl,ol,ul{grid-column:main-start/main-end;margin-block:0}ol{padding-inline-start:4ch;li { gap: 1ch; grid-column: 1 / -1; grid-template-columns: subgrid; }}ul{list-style-type:"*";padding-inline-start:1ch;li { padding-inline-start: 1ch; }}li{&::marker,&::before { color:var(--text-color-secondary); font-family:var(--font-family-monospace); }}dl{dd { color: var(--text-color-secondary); font-size: var(--text-s); margin-inline: var(--space-l); &:has(+ dt) { margin-block-end: var(--space-paragraph); } }}.figure--blockquote,:not(.figure--blockquote)>blockquote{--border-width:var(--space-xs);--inline-padding:var(--space-l);border-inline-start:var(--border-width)solid var(--text-color-light);margin-inline:0 var(--inline-padding);padding-inline-start:calc(var(--inline-padding) - var(--border-width))}.tag{display:flex;gap:1ch;font-family:var(--font-family-monospace);.tag__name { color: var(--text-color-secondary); text-transform: uppercase; white-space: nowrap; &::after { content: " ="; } } .tag__value { color: var(--text-color-primary); } .tag__value--list { --spacing: 1ch; display: flex; flex-wrap: wrap; gap: 0 var(--spacing); list-style-type: none; margin-block: 0; padding-inline-start: 0; } .tag__list-item { padding-inline-start: 0; white-space: nowrap; } .tag__list-item:not(:first-child)::before { color: var(--text-color-secondary); content: ":"; margin-inline-end: var(--spacing); }}:root{--site-header-footer-border-color:light-dark(var(--gray6), var(--gray4));--site-header-footer-nav-separator:var(--site-header-footer-border-color)}.site-header{font-family:var(--font-family-monospace);margin-block:var(--space-m)var(--space-xl)}.site-header__content{border-bottom:2px dashed var(--site-header-footer-border-color);gap:var(--space-l);grid-column:main-start/main-end;padding-bottom:var(--space-xs);.site-header__title { color: var(--text-color-primary); font-size: var(--text-m); font-weight: medium; letter-spacing: 0.05em; a { color: inherit; } a:hover { text-decoration: none; } }}.site-nav{font-size:var(--text-m);font-weight:400;ul { --spacing: 2ch; display: flex; gap: var(--spacing); list-style: none; margin: 0; padding: 0; .site-nav__item { margin: 0; padding: 0; } .site-nav__item::after { color: var(--site-header-footer-nav-separator); justify-content: center; } :is(.site-nav__item, .site-nav__item--dir)::after { content: "/"; } .site-nav__item--file::after { content: "*"; } }}@media screen and (max-width:480px){.site-header__content{grid-column:full-start/full-end;padding-inline:var(--gutter-width)}}.site-footer{border-top:2px dashed var(--site-header-footer-border-color);color:var(--text-color-secondary);font-size:var(--text-s);grid-column:main-start/main-end;margin-block:var(--space-xl)var(--space-m);padding-block-start:var(--space-s)}@media screen and (max-width:480px){.site-footer{grid-column:full-start/full-end;padding-inline:var(--gutter-width)}}.content-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr)}.heading,.heading__content{grid-column:main-start/main-end}.heading.with-anchor{display:block grid;grid-template-columns:subgrid;grid-column:gutter-left-start/main-end;a { transition: 0.3s color; } .heading__anchor a { color: transparent; } &:hover .heading__anchor a { color: var(--text-color-secondary); } .heading__anchor { align-self: center; font-size: max(var(--text-m), 80%); grid-column: gutter-left-start / gutter-left-end; justify-content: center; a:hover { color: var(--text-color-link); text-decoration: none; transition: 0.3s color; } }}@media screen and ((max-width:480px) or (hover:none)){.heading.with-anchor{display:flex;gap:1ch;grid-column:main-start/main-end;.heading__anchor { grid-column: auto; font-weight: normal; order: 99; a { color: var(--text-color-light); } }}}.footnotes{font-size:var(--text-s);hr { margin-block-start: var(--space-xl); } li:not(:last-child) { margin-block-end: var(--space-xs); } p { font-size: inherit; } &:has(+ .page-footer) > ol { margin-block-end: 0; }}.page-footer{margin-block-start:var(--space-xl);font-size:var(--text-s); :last-child { margin-bottom: 0; } > :only-child { margin-block-start: 0; } &:not(:has(.page-navigation:only-child)) > .page-navigation { margin-block-start: var(--space-xl); }}.page-header{font-family:var(--font-family-monospace);grid-column:main-start/main-end;margin-block:var(--space-xl)var(--space-l);&:first-child,.page-header__title:first-child { margin-block-start:0; }:last-child { margin-block-end:0; } .page-header__title { font-family:var(--font-family-monospace); font-size:var(--text-xxl); line-height:1.2; margin-block:var(--space-xs); &:only-child { margin-block-end:0; } } .page-header__subtitle { color:var(--text-color-secondary); font-size:var(--text-m); } .page-date { color:var(--text-color-secondary); display:block; font-family:var(--font-family-body); font-size:var(--text-s); margin-block:var(--space-xs) 0; }}.page-navigation{list-style:none;padding-inline:0;&:has(.next-page:only-child) { justify-content:flex-end; } .prev,.next { display:block; padding-inline:0; } .next { text-align:right; } .prev::before,.next::after { color:var(--text-color-secondary); font-family:var(--font-family-monospace); } .prev::before { content:"<-"; padding-inline-end:var(--space-s); } .next::after { content:"->"; padding-inline-start:var(--space-s); }}.page-summary{grid-column:main-start/main-end;p + & { margin-block-start: var(--space-xl); } &:not(:last-child) { margin-block-end: var(--space-xl); } .page-summary__heading { margin-block: 0 var(--space-xs); font-size: var(--text-l); h2, h3 { line-height: 1; margin-block: 0; } p { font-size: var(--text-m); margin-block-start: var(--space-xs); } a { color: var(--text-color-body); &:hover { color: var(--text-color-link); } } } .page-summary__subtitle { color: var(--text-color-secondary); font-family: var(--font-family-heading); font-weight: normal; } > .tag { font-size: var(--text-s); }}details:has(#TableOfContents){grid-column:main-start/main-end;summary { font-family: var(--font-family-heading); font-size: var(--text-m); &::before { content: "+ "; font-weight: bold; } &::marker { content: ""; } &::-webkit-details-marker { display: none; } } &[open] { summary::before { content: "- "; } } #TableOfContents { > ul { margin-block: 0; font-size: var(--text-m); } ul { list-style-type: none; } }}.main--single.photostream--single{> .figure--image { margin-block-end: var(--space-l); img { max-height: 100vh; } }}.photo-params{--border-color:var(--gray6);--border-style:2px solid;display:flex;grid-column:main-start/main-end;justify-content:center;margin-block-start:var(--space-xl);> table { background-color: var(--background-color); color: var(--color); border: var(--border-style) var(--border-color); border-collapse: collapse; table-layout: fixed; text-align: center; width: min(calc(0.66 * var(--content-width)), 100%); thead td { border-bottom: var(--border-style) var(--border-color); font-size: 80%; font-weight: bold; } tr > td { border: none; border-bottom: var(--border-style) var(--border-color); } tr.exposure-attributes > td { border: none; border-top: var(--border-style) var(--border-color); border-left: var(--border-style) var(--border-color); } tr.exposure-attributes > td:first-child { border-left: none; } td { font-size: var(--text-s); line-height: 1; padding-inline: var(--space-s); padding-block: var(--space-xs); &:last-child { text-align: end; } &:first-child { text-align: start; } } .make-model { font-weight: bold; } .size { border-left: 0; } .location { border-right: 0; } .no-value { color: var(--text-color-secondary); text-align: center; } }}.main--photostream .main__posts-by-year{grid-column:main-start/main-end;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));&:not(:last-child) { margin-block-end:var(--space-l); } .main__section-heading { grid-column:1/-1; }}.photostream-item{aspect-ratio:1;grid-column:unset;margin-block:0;position:relative;> a { display: block; line-height: 0; } .photostream-item__title, .photostream-item__date { background-color: var(--background-color); font-family: var(--font-family-monospace); font-size: var(--text-s); margin: 0; padding-inline: var(--space-xxs); visibility: hidden; z-index: 2; } .photostream-item__title { left: 0; position: absolute; top: 0; } .photostream-item__date { bottom: 0; position: absolute; right: 0; } .photostream-item__thumbnail { max-width: 100%; } &:hover { .photostream-item__date, .photostream-item__title { visibility: visible; } }}@media screen and (hover:none){.photostream-item :is( .photostream-item__date,.photostream-item__title){visibility:visible}}