:root { --content-scroll-below-height: 4em; }
html { overflow-y: scroll; }
.body-filler { box-sizing: border-box; min-height: 100vh; padding-bottom: var( --content-scroll-below-height ); }
body { background: #151515; background-image: url( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath fill-rule='evenodd' d='M0 0h40v40H0V0zm40 40h40v40H40V40zm0-40h2l-2 2V0zm0 4l4-4h2l-6 6V4zm0 4l8-8h2L40 10V8zm0 4L52 0h2L40 14v-2zm0 4L56 0h2L40 18v-2zm0 4L60 0h2L40 22v-2zm0 4L64 0h2L40 26v-2zm0 4L68 0h2L40 30v-2zm0 4L72 0h2L40 34v-2zm0 4L76 0h2L40 38v-2zm0 4L80 0v2L42 40h-2zm4 0L80 4v2L46 40h-2zm4 0L80 8v2L50 40h-2zm4 0l28-28v2L54 40h-2zm4 0l24-24v2L58 40h-2zm4 0l20-20v2L62 40h-2zm4 0l16-16v2L66 40h-2zm4 0l12-12v2L70 40h-2zm4 0l8-8v2l-6 6h-2zm4 0l4-4v2l-2 2h-2z' fill='%2300000080' fill-opacity='.45'/%3E%3C/svg%3E" ); background-attachment: fixed; margin: 0; }
.body-filler { width: 100%; background-color: rgba( 8, 8, 8, 0 ); transition: background-color .25s; }
.body-filler.active { background-color: #080808; }