/* ---- reset ---- */

body {
	background: url(https://xn--polr-noa.se/backgroundd.jpg);
	background-color: #9e9e9e;
	color: #fff;
	font: 18px 'Helvetica';
	margin: 0;
}

canvas {
  display: block;
  vertical-align: bottom;
}
/* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
	background: url(https://xn--polr-noa.se/backgroundd.jpg);
}

.logo {
	background-image: url(https://xn--polr-noa.se/logos.png);
	background-size: 490px 279px;
	height: 279px;
	display: block;
	opacity: 0.6;
	width: 490px;
	position: absolute;
	width: 490px;
	height: 279px;
	margin: -140px 0 0 -245px;
	top: 50%;
	left: 50%;
	z-index: 100;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.logo {
		background-image: url(https://xn--polr-noa.se/logos2x.png);
	}
}