How to style the html element?

[cjsmocjsmo]

Hey guys I'm just starting out with dioxus and I'm working the basic fullstack example in the docs. The question is how do you style the html element? Here is a screen shot showing the problem.

I would like for the entire background to be black. When inspecting the page in devtools the white border is caused by the html element on the page. So how do I style the html element?

This is my code so far

<
#![allow(non_snake_case, unused)]
use dioxus::prelude::;
use dioxus_fullstack::prelude::;

fn main() {
LaunchBuilder::new(app).launch();
}

fn app(cx: Scope) -> Element {
let mut count = use_state(cx, || 0);
let img_path = "http://192.168.0.74:9191/landscape/20220731_112129.webp";

cx.render(rsx! {
    // h1 { "High-Five counter: {count}" }
    // button { onclick: move |_| count += 1, "Up high!" }
    // button { onclick: move |_| count -= 1, "Down low!" }
    div {
        display: "flex",
        flex_direction: "column",
        align_items: "center",
        justify_content: "center",
        background_color: "black",
        h1 {
            color: "white",
            text_align: "center",
            "AlphaTree Service"
        }
        p {
            
            color: "white",
            "360 516 8933"
        }
        img {
            src: img_path,
            width: "500px",
            border_radius: "8px",
        }
        p {
            color: "white",
            "More Comments",
        }
        img {
            src: img_path,
            width: "500px",
            border_radius: "8px",
        }
    }
})

}

[cjsmocjsmo]

Well seems I have answered my own question. I stumbled upon sir it has a global_css! macro which allowed me to set the html elements background-color

global_css!(" html { background-color: black; } ");

Sorry for the noise :)