Is there a way to apply a gradient from the top to the bottom of a webpage without it restarting halfway down where a text div ends? The issue can be seen on my codepen.io project: https://codepen.io/pprunesquallor/pen/zwapGQ?editors=1100 I'm using Bootstrap 4 in the mentioned codepen, in case that helps with the solution.
I'd prefer not to share the entire HTML/CSS code, but here's the relevant part with the gradient:
body {
background: #00001e;
background: -webkit-linear-gradient(to top, #F5981F , #5D82B3);
background: linear-gradient(to top, #F5981F , #5D82B3);