:root {
	--webba-blue: #09f;
	--grey: #c1c1c1;
}

body {
	background-image:  url(../images/liquid-blauw.svg), url(../images/liquid-oranje.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: right bottom, left top;
	background-size: 10%;
	font-family: 'Poppins', sans-serif;
	background-color: #fff;
	cursor: crosshair;
}

@media (max-width: 1650px) {
	body {
		background-size: 200px;
	}
}

@media (max-width: 1350px) {
	body {
		background-size: 150px;
	}
}

@media (max-width: 750px) {
	body {
		background-image: none;
	}
}

a {
	text-decoration: none;
	border-bottom: 1px solid var(--webba-blue);
	color: var(--webba-blue);
	transition: .3s all ease;
}

svg.logo {
	width: 300px;
	fill: var(--webba-blue);
}

@media (max-width: 750px) {
	svg.logo {
		width: 175px;
	}
}

footer,
footer a {
	color: var(--grey);
	border-color: var(--grey);
}

footer a:hover {
	color: var(--webba-blue);
	border-color: var(--webba-blue);
}

canvas {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}