*,:before,:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}table{border-collapse:collapse;border-spacing:0}a{color:inherit}
:root{--text-body:monospace;--text-color-dark:#000;--text-color-light:#fff;--page-background-dark:#222;--page-background-light:#fff;--photo-ease-duration:1.3s;--photo-ease-function:ease-in-out;--caption-ease-duration:.2s;--caption-ease-function:linear;--text-color:var(--text-color-dark);--page-background:var(--page-background-light)}@media (prefers-color-scheme:dark){:root{--text-color:var(--text-color-light);--page-background:var(--page-background-dark)}}@media (prefers-reduced-motion:reduce){:root{--photo-ease-duration:0s}}
body *,body p{font-family:var(--text-body);color:var(--text-body-color);font-size:16px;line-height:1.4em}h1{font-size:1.25rem}
html,body{background:var(--page-background)}