:root {
    --canvas-width: 3440px;
    --canvas-height: 1440px;
}

html {
    overflow: auto;
}

html body[class] {
    position: relative;
    width: var(--canvas-width);
    min-width: var(--canvas-width);
    min-height: var(--canvas-height);
    margin: 0 auto;
    overflow: visible;
}

body::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: none;
    background:
        url("/assets/resources/line.webp") top center / 100% 2px no-repeat,
        url("/assets/resources/line.webp") bottom center / 100% 2px no-repeat,
        url("/assets/resources/line.webp") left center / 2px 100% no-repeat,
        url("/assets/resources/line.webp") right center / 2px 100% no-repeat;
    opacity: .82;
}