Tengo el siguiente codigo ...
body{
margin : 0;
padding: 0;
background-image: linear-gradient(to left top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
}
.main-container{
margin-top: 30%;
margin-left: auto;
background-color: #09f;
border-radius: 20px;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
<title>Asyncronous js</title>
</head>
<body>
<div class="main-container">
</div>
</body>
</html>
La idea es que el color de fondo de la pagina tenga el degradado, por que se divide por la mitad la pagina?