body{--image-aspect-ratio:1.5;background-image:url(../images/courthouse.jpg);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;padding:10px;position:absolute;right:0;top:0}@supports (background-image:url(../images/courthouse.webp)){body{background-image:url(../images/courthouse.webp)}}@supports (background-image:url(../images/courthouse.avif)){body{background-image:url(../images/courthouse.avif)}}@media (min-aspect-ratio:3/2){body{--full-height:calc(100vw/var(--image-aspect-ratio));background-position:0 calc(50vh - 100vw/var(--image-aspect-ratio)/2);background-position:0 calc((100vh - var(--full-height))/2);background-size:100vw calc(100vw/var(--image-aspect-ratio));background-size:100vw var(--full-height)}}@media (max-aspect-ratio:3/2){body{--full-width:calc(100vh*var(--image-aspect-ratio));background-position:calc(50vw - 100vh*var(--image-aspect-ratio)/2) 0;background-position:calc((100vw - var(--full-width))/2) 0;background-size:calc(100vh*var(--image-aspect-ratio)) 100vh;background-size:var(--full-width) 100vh}}footer,main{border-radius:4px;display:flex;flex-direction:column;gap:10px}main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.8);justify-self:start;max-width:600px;padding:30px;text-align:center}main ul{text-align:left}footer{align-self:end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.6);font-size:12px;max-width:400px;padding:5px 10px;text-align:right}h1,li,p,ul{margin:0}.spacer{flex-grow:1}