:root{--margin: 2em;--half-margin: 1em}:root{--header-height: 4rem;--footer-height: 6rem}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.center{text-align:center}.hero{width:100%;text-align:center;overflow:hidden;padding-bottom:1rem}.hero img{box-shadow:0 8px 8px -4px var(--primary);max-height:35rem;width:100%;border-radius:calc(5 * var(--border-radius));object-fit:cover;scale:2;animation:fit-image 1s forwards}@keyframes fit-image{to{scale:1}}.image-container{width:100%;text-align:center}.image-container img{margin-bottom:1rem}.image-container a,.image-container button{text-align:left;margin:3rem 0;align-self:left}:root{--primary: #5d2b5e;--secondary: hsl(304, 34%, 83%);--tertiary: hsl(304, 47%, 94%);--accent: hsl(40, 60%, 48%);--bg: hsl(0, 0%, 29%);--warn: hsla(0, 74%, 62%, .99);--warnAccent: hsla(0, 60%, 58%, .712);--light: hsla(0, 0%, 94%, 1);--primary50: hsla(301, 54%, 37%, .5);--secondary50: hsla(304, 34%, 83%, .5);--tertiary50: hsla(304, 47%, 94%, .5);--accent50: hsla(40, 60%, 48%, .5);--bg50: hsla(0, 0%, 29%, .5);--warn50: hsla(0, 74%, 62%, .5);--warnAccent50: hsla(0, 60%, 58%, .5);--light50: hsla(0, 0%, 94%, 5);--gradient: linear-gradient(90deg, var(--bg) 1%, var(--light) 30%, var(--light) 70%, var(--bg) 100%);--shadow: hsla(0, 0%, 0%, .4);--shadowLight: hsla(0, 0%, 0%, .2);--shadowGradient: linear-gradient(to right, $shadow, rgba(0, 0, 0, 0));--primaryGradient: linear-gradient(to right, $primary, rgba(0, 0, 0, 0));--accentGradient: linear-gradient(to right, $accent, $primary)}:root{--border-radius: .15rem;--box-shadow: 0 0 5px 2px black}.floating-image{box-shadow:0 .5rem .5rem .25rem #a9a9a9}button,a.button,a.button:visited,a.button:active{color:var(--primary);background-color:var(--light);font-weight:700;border:1px solid currentColor;border-radius:var(--border-radius);padding:.5rem 1rem;cursor:pointer;text-transform:uppercase;transition:background-color .3s ease-in-out}button:hover,a.button:hover,a.button:visited:hover,a.button:active:hover{background-color:hsl(from var(--primary) h s calc(l/.4))}button:hover:disabled,a.button:hover:disabled,a.button:visited:hover:disabled,a.button:active:hover:disabled{background-color:var(--bg);color:var(--light)}button:disabled,a.button:disabled,a.button:visited:disabled,a.button:active:disabled{cursor:not-allowed}label.switch{position:relative;display:inline-block;width:60px;height:34px}label.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:34px}label.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}label.switch input{opacity:0;width:0;height:0}label.switch input:checked+.slider{background-color:#2196f3}label.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}label.switch input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}*,*:before,*:after{box-sizing:border-box}html,body,pre{padding:0;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:18px;background-color:var(--primary);line-height:1.5}html>footer,body>footer,pre>footer{position:sticky;top:100vh}*::selection{background:var(--primary);background-color:var(--primary);color:var(--bg)}pre{white-space:pre-wrap;background-color:inherit;color:inherit;padding-bottom:1rem}pre:first-letter{font-size:125%}a,a:visited,a:focus{color:var(--tertiary);text-decoration:none;position:relative}a.primary,a:visited.primary,a:focus.primary{color:var(--primary)}h1,h2,h3,h4,h5{color:var(--primary);font-weight:300;text-transform:uppercase;display:inline-block;position:relative;width:max-content;white-space:wrap;max-width:94vw}h1:before,h1:after,h2:before,h2:after,h3:before,h3:after,h4:before,h4:after,h5:before,h5:after{content:"";position:absolute;background-color:var(--primary);bottom:0;left:-1.5rem}h1:after,h2:after,h3:after,h4:after,h5:after{height:4px;width:calc(100% + 2rem);border-radius:0 var(--border-radius) var(--border-radius) var(--border-radius)}h1:before,h2:before,h3:before,h4:before,h5:before{height:100%;width:1rem;border-radius:calc(2 * var(--border-radius)) calc(2 * var(--border-radius)) 0 var(--border-radius)}h1.contact-link,h2.contact-link,h3.contact-link,h4.contact-link,h5.contact-link{border:2px solid currentColor;padding:.5rem 1rem;margin-bottom:4rem}h1.contact-link:before,h1.contact-link:after,h2.contact-link:before,h2.contact-link:after,h3.contact-link:before,h3.contact-link:after,h4.contact-link:before,h4.contact-link:after,h5.contact-link:before,h5.contact-link:after{inset:0;height:0;background-color:transparent}h1.contact-link:hover,h2.contact-link:hover,h3.contact-link:hover,h4.contact-link:hover,h5.contact-link:hover{box-shadow:0 8px 8px -4px var(--primary)}dialog[open]{position:fixed}h1{font-size:clamp(1.1rem,4vw,2rem);text-shadow:1px 0px 1px #ccc}details{cursor:pointer}img{max-width:100%}img.medium_image{max-width:50rem}@media (prefers-reduced-motion: no-preference){.fade{scale:.8;opacity:0;animation:fade-in linear forwards;animation-timeline:view();animation-range:250px 450px}.fade-enter{animation-range:entry}@keyframes fade-in{to{scale:1;opacity:1}}}@media screen and (width < 50rem){img.medium_image{max-width:95vw}}