i want to have the body of my page be black but have a box with content have the defalt background img how would i do that i want it to look like how th origonal system6 running on a monitor with a black margin my current code looks like `
` how would yall do this
somthing like this 
i want to have the body of my page be black but have a box with content have the defalt background img how would i do that i want it to look like how th origonal system6 running on a monitor with a black margin my current code looks like `
acutaly a better question would be how do you define the default background img in this framework
In the framework, the background/body is essentially defined as a pattern and not an image
https://github.com/sakofchit/system.css/blob/c95b95428021361eaa411ccb08fa3b1050cc606d/style.css#L143-L147
If you want to use your own background image/pattern you'd have to overwrite it.
hey did a little more reaserch and got it to do what i wanted this was the final result was
the final code was
`body {
background-image: none; background-color: #000000;
}
.pixel-corners {
--dot-bg: #ffffff;
--dot-color: #000000;
--dot-size: 1px;
--dot-space: 22px;
height: 90vh;
padding-top: 0px;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 50px;
background:
linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
var(--dot-color);;
padding: 40px;
overflow:hidden;
position: relative;
clip-path: polygon(
0px calc(100% - 25px),
5px calc(100% - 25px),
5px calc(100% - 15px),
10px calc(100% - 15px),
10px calc(100% - 10px),
15px calc(100% - 10px),
15px calc(100% - 5px),
25px calc(100% - 5px),
25px 100%,
calc(100% - 25px) 100%,
calc(100% - 25px) calc(100% - 5px),
calc(100% - 15px) calc(100% - 5px),
calc(100% - 15px) calc(100% - 10px),
calc(100% - 10px) calc(100% - 10px),
calc(100% - 10px) calc(100% - 15px),
calc(100% - 5px) calc(100% - 15px),
calc(100% - 5px) calc(100% - 25px),
100% calc(100% - 25px),
100% 25px,
calc(100% - 5px) 25px,
calc(100% - 5px) 15px,
calc(100% - 10px) 15px,
calc(100% - 10px) 10px,
calc(100% - 15px) 10px,
calc(100% - 15px) 5px,
calc(100% - 25px) 5px,
calc(100% - 25px) 0px,
25px 0px,
25px 5px,
15px 5px,
15px 10px,
10px 10px,
10px 15px,
5px 15px,
5px 25px,
0px 25px
);}