red line on the left side
i’m getting a red line on the left side instead of it fading to black

red line on the left side
but it works as intented on the right side for some reason

heres the code:
https://github.com/Meht4b/spanish-colors

heres the css for html and body

`
html{

padding-top:0px;
margin-top: 0px;
background-color: black;
background-image: linear-gradient(90deg,var(--grad-bg) 5%,black 5% 95%);
background-size: 4rem 4rem ;

}

body {
margin-top:000px;your text
padding-top: 0px;
min-height: 100vh;
border: 1px solid black;
width: 99%;
background-image: linear-gradient(90deg,black ,transparent ,black );
font-family:centuryGothic ;
}
`