Header (Html box code) problem. Background linear-gradient has a transparent gap on the top.

On Wix editor site I created a Html box and added following html code:

<!DOCTYPE html>
<html>
<style>
div {
 height: 400px;
 background: linear-gradient(to bottom, #000000 0%, #ffffff00 30%)
}
</style>
<body>
<div></div>
</body>
</html>

The problem is that the header has a gap on the top of the website which is transparent. I cant bring the box to the top to cover the gap.

Here is a photo of the problem.

I am not a programmer. Please help!

Thank you.