@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;justify-content:start;padding:var(--spacer-l) 0}main>section{width:600px;max-width:100%;text-align:center;margin:var(--spacer-xl) 0}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-l) 0}main>section>ul{margin:var(--spacer-l) 0;padding:var(--spacer) 0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:600px;max-width:100%;gap:var(--spacer-s)}main>section>ul>li>button{padding:0 var(--spacer-s);border-radius:var(--spacer);border:var(--border)}@media (min-width: 1080px){main>section>ul>li>button{font-size:var(--font-size-s)}}main>section>ul>li.selected>button,main>section>ul>li>button:hover,main>section>ul>li>button:focus{color:var(--background);background:var(--colour)}main>ol{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;margin-bottom:var(--spacer-xl)}main>ol>li{flex-basis:100%;display:grid;grid-template-columns:auto 96px;grid-template-rows:auto auto auto;grid-column-gap:var(--spacer);grid-row-gap:0px;margin-bottom:var(--spacer-s);padding:var(--spacer-l) 0;border-top:var(--border)}@media (min-width: 1080px){main>ol>li{flex-basis:50%}}@media (min-width: 1080px){main>ol>li{grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto 1fr;grid-column-gap:var(--spacer-l)}}main>ol>li.hidden{display:none}@media (min-width: 1080px){main>ol>li{padding:var(--spacer-l);border-top:none}}main>ol>li>h2{grid-area:1/1/2/2;align-self:end;font-weight:700;font-size:var(--font-size-l)}@media (min-width: 1080px){main>ol>li>h2{grid-area:1/2/2/3}}main>ol>li>picture{grid-area:2/2/4/3;margin-top:var(--spacer);align-self:center;justify-self:start;object-fit:contain;display:flex;align-items:center;width:96px;max-width:100%;height:96px}@media (min-width: 1080px){main>ol>li>picture{grid-area:1/1/4/2}}@media (min-width: 1080px){main>ol>li>picture{width:128px;height:128px}}main>ol>li>a{grid-area:1/2/2/3;align-self:center;justify-self:center;font-size:var(--font-size-s);width:fit-content;white-space:nowrap}@media (min-width: 1080px){main>ol>li>a{grid-area:1/3/2/4;justify-self:end;align-self:end}}main>ol>li>p{grid-area:2/1/3/2;align-self:center;margin:var(--spacer) 0}@media (min-width: 1080px){main>ol>li>p{grid-area:2/2/3/4}}main>ol>li>ul{grid-area:3/1/4/2;align-self:start;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacer-s);font-size:var(--font-size-s)}@media (min-width: 1080px){main>ol>li>ul{grid-area:3/2/4/4}}main>ol>li>ul>li{padding:0 var(--spacer-s);border-radius:var(--spacer);border:var(--border)}@media (min-width: 1080px){main>ol>li>ul>li{font-size:var(--font-size-s)}}:root.dark .light-image,:root.light .dark-image{display:none}:root.null .dark-image{display:none}@media (prefers-color-scheme: dark){:root.null .dark-image{display:block}:root.null .light-image{display:none}}