* {
 outline: none;
 user-select: none; 
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
}

body {
	background-color: #f2f2f4;
	margin: 0;
}

#c {
	position: fixed;
	width: 320px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	color: #111;
	font-weight: 500;
	letter-spacing: -0.1px;
	z-index: 10;
}

canvas {
	display: block;
	vertical-align: bottom;
}

#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #f2f2f4;
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

#mm {
	content: url('/envelope.svg');
}

span {
	font-size: 18px;
	font-weight: 400;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #111;
	}
	#c {
		color: #f2f2f4;
	}
	#particles-js {
		background-color: #111;
	}
	#mm {
		content: url('/envelope-d.svg');
	}
}