@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;--image-overlay-colour: white;--image-overlay-colour-alt: black;--image-overlay-background: white;--spacer-s: 4px;--spacer: 8px;--spacer-l: 16px;--spacer-xl: 64px;--border-style: 1px dotted var(--colour);--font-size-m: 15px;--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-style)}a:hover,a:focus,.clickable:hover,.clickable:focus{border-color:#0000;color:var(--background);position:relative}a:hover:after,a:focus:after,.clickable:hover:after,.clickable:focus:after{content:" ";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;transform:scale(1.025);background:var(--colour)}nav{width:100%;border-bottom:var(--border-style)}nav>ol{display:flex;flex-direction:row;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-basis:100%}nav>ol>li>a.active{border-bottom-style:solid}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-l) 0;width:600px;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}main>section>h1{margin:var(--spacer) 0;font-size:var(--font-size-xl)}main>section>h1>strong{font-weight:700}main>section p{margin:var(--spacer) 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:1px dotted 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:1px solid var(--image-overlay-background)}main>ol>li>a:hover>h2,main>ol>li>a:focus>h2{visibility:visible}