@import"https://fonts.googleapis.com/css2?family=Lora&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:wght@700&display=swap";:root{--colour: black;--background: white;--rain: rgb(40, 147, 222);--image-overlay-colour: white;--image-overlay-colour-alt: black;--image-overlay-background: white;--spacer-s: 4px;--spacer: 8px;--spacer-l: 16px;--spacer-xl: 64px;--icons-colour: var(--colour);--border-colour: var(--colour);--border-style: dotted;--border-style-alt: solid;--border-thickness: 1px;--border: var(--border-thickness) var(--border-style) var(--border-colour);--font-size-m: 15px;--font-size-xs: .6rem;--font-size-s: .9rem;--font-size-l: 1.2rem;--font-size-xl: 1.8rem;font-size:var(--font-size-m);font-family:Lora,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--colour);line-height:1.45}@media (prefers-color-scheme: dark){:root{--colour: white;--background: black}}:root.dark{--colour: white;--background: black}:root.light{--colour: black;--background: white}@media (min-width: 1080px){:root{--font-size-m: 18px}}html{display:flex;flex-direction:column;align-items:center;height:100%;background:var(--background)}body{width:1200px;height:100%;max-width:100%;padding:0 var(--spacer-l);display:flex;flex-direction:column}a,.clickable{border-bottom:var(--border)}a:hover,a:focus,.clickable:hover,.clickable:focus{border-color:var(--colour);color:var(--background);background:var(--colour)}nav{width:100%;border-bottom:var(--border)}nav>ol{display:flex;flex-direction:row;flex-wrap:wrap;margin:var(--spacer) 0}nav>ol>li{padding:var(--spacer);display:block;width:fit-content}@media (min-width: 1080px){nav>ol>li{font-size:var(--font-size-s)}}nav>ol>li:first-child{flex-grow:1}nav>ol>li>a{background:var(--background)}nav>ol>li>a.active{border-bottom-style:var(--border-style-alt)}picture>img{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%}main{display:flex;flex-direction:column;align-items:center;margin:var(--spacer-l) 0}main>section{margin:var(--spacer-xl) 0;width:600px;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}main>section>h1{margin:var(--spacer-xl) 0 var(--spacer) 0;font-size:var(--font-size-xl)}main>section>h1>strong{font-weight:700}main>section p{margin:var(--spacer) 0}main>section #cover-image-attribution{font-size:var(--font-size-xs);align-self:flex-end;margin:0}main>ol{margin:calc(var(--spacer-l)*2) 0 var(--spacer-xl) 0;max-width:100%;display:grid;grid-template-columns:50% 50%;align-items:center;width:fit-content}@media (min-width: 1080px){main>ol{grid-template-columns:1fr 1fr 1fr}}main>ol>li{padding:var(--spacer-s);width:256px;max-width:100%;position:relative}main>ol>li>a{display:block;border:none}main>ol>li>a:hover,main>ol>li>a:focus{background:rgba(0,0,0,0)}main>ol>li>a:hover:after,main>ol>li>a:focus:after{display:none}main>ol>li>a>picture>img{aspect-ratio:1;object-fit:contain}main>ol>li>a>h2{position:absolute;max-width:100%;top:50%;left:50%;transform:translate(-50%) translateY(-50%);text-align:center;color:var(--image-overlay-colour);border-bottom:var(--border-thickness) var(--border-style) var(--image-overlay-colour);visibility:hidden}main>ol>li>a:hover>picture,main>ol>li>a:focus>picture{filter:brightness(20%)}main>ol>li>a:hover>h2:hover,main>ol>li>a:focus>h2{color:var(--image-overlay-colour-alt);background:var(--image-overlay-background);border:var(--border-thickness) var(--border-style-alt) var(--image-overlay-background)}main>ol>li>a:hover>h2,main>ol>li>a:focus>h2{visibility:visible}