.background-gradient {
height: 100%;
width: 100%;
opacity: .6;
z-index: -1;
position: fixed;
background-color: #13142B;
background-image: radial-gradient(
circle farthest-corner at top left,
rgba(9, 136, 191,.8) 0%,
rgba(9, 136, 191,0) 50%),
radial-gradient(
circle farthest-side at top right, rgba(43, 59, 241,.2) 0%, rgba(43, 59, 241,0) 10%),
radial-gradient(circle farthest-corner at bottom right, rgba(2, 2, 2,.6) 0%, rgba(204, 104, 119, 0) 33%),
radial-gradient(
circle farthest-corner at top right, rgba(1, 111, 111,.8) 0%, rgba(2, 111, 111,0) 50%),
radial-gradient(ellipse at bottom center, rgba(4, 120, 150,.4) 0%, rgba(4, 120, 150, 0) 80%),
}
html {
height: 100%;
}
body {
margin: 0;
height: 100%;
background-color: #13142B;
}
.background-gradient {
height: 100%;
width: 100%;
z-index: -1;
position: fixed;
background-color: #000;
background-image: radial-gradient(
circle farthest-corner at top left,
rgba(9, 136, 191,.8) 0%,
rgba(9, 136, 191,0) 50%),
radial-gradient(
circle farthest-side at top right, rgba(43, 59, 241,.2) 0%, rgba(43, 59, 241,0) 10%),
radial-gradient(circle farthest-corner at bottom right, rgba(43, 59, 241,.6) 0%, rgba(204, 104, 119, 0) 33%),
radial-gradient(
circle farthest-corner at top right, rgba(68, 177, 223,.8) 0%, rgba(68, 177, 223,0) 50%),
radial-gradient(ellipse at bottom center, rgba(128, 92, 171,.4) 0%, rgba(128, 92, 171, 0) 80%),
}
html {
height: 100%;
}
body {
margin: 0;
height: 100%;
}
