:root{--backgroundcolor: hsl(0, 0%, 97%);--backgroundcolor-image: hsl(0, 0%, 100%);--foregroundcolor: hsl(0, 0%, 3%)}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body,html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:100;font-size:1.1em;color:var(--foregroundcolor);background-color:var(--backgroundcolor);--scrollbar-width: calc(100vw - 100%) }a.nav-skip{position:fixed;top:0;left:1rem;transform:translateY(-10rem);transition:transform .3s ease-in-out;padding:0 .5rem;background:var(--backgroundcolor-light);color:var(--foregroundcolor-light);z-index:999}a.nav-skip:focus{transform:translateY(1rem)}input.darkmode-input{position:fixed;clip:rect(0,0,0,0);height:0;width:0}label.darkmode-label{position:fixed;bottom:15px;left:15px;height:30px;width:30px;z-index:199;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--foregroundcolor);transition:all .27s ease-in-out}label.darkmode-label .inner{fill:var(--backgroundcolor);transition:all .27s ease-in-out;transform:translate(0) translateY(0)}label.darkmode-label svg{width:100%;height:100%;fill:currentcolor}input.darkmode-input:checked~label.darkmode-label .inner{transform:translate(15%) translateY(-15%) scale(1.15)}:root:has(.darkmode-input:checked){--backgroundcolor: hsl(0, 0%, 3%);--foregroundcolor: hsl(0, 0%, 97%)}#content{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:50px;justify-content:center;margin:50px}#content>article{flex-grow:calc(var(--width) * 100000 / var(--height));flex-basis:calc(min(10rem,30vw) * var(--width) / var(--height));aspect-ratio:var(--width)/var(--height);position:relative;background-color:var(--backgroundcolor-image);background-size:cover;cursor:pointer}#content>article:before{content:"";position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);background-size:cover;background-image:var(--background-image);filter:blur(20px);opacity:.8}#content>article img{position:absolute;width:100%;height:100%}#content:after{content:"";flex-grow:1000000000}