/* mixed gradient inspired by 
* https://bennettfeely.com/gradients/ 
* https://www.mediaevent.de/css/gradient.html
*/

:root {
	--first-color: rgb(50, 205, 50);
	--second-color: rgb(135, 206, 235);
	--third-color: rgb(255, 127, 80);
}

html {
	min-height: 100vh;
	position: relative;
}
.randomBackgroundGradient::before {
	content: "";
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background: linear-gradient(var(--first-color), transparent),
		linear-gradient(90deg, var(--second-color), transparent),
		linear-gradient(-90deg, var(--third-color), transparent);

	background-blend-mode: screen;
}