@import url(https://fonts.googleapis.com/css?family=Sigmar+One);
@import url(https://fonts.googleapis.com/css?family=Passion+One);

body{
	padding: 0;
	margin: 0;
	background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3a 50%, #0a0a2a 100%);
	min-height: 100vh;
	overflow: hidden;
}

body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(2px 2px at 20px 30px, rgba(255,255,255,0.3), transparent),
		radial-gradient(2px 2px at 40px 70px, rgba(255,255,255,0.2), transparent),
		radial-gradient(1px 1px at 90px 40px, rgba(255,255,255,0.4), transparent),
		radial-gradient(2px 2px at 160px 120px, rgba(255,255,255,0.2), transparent),
		radial-gradient(1px 1px at 230px 80px, rgba(255,255,255,0.3), transparent),
		radial-gradient(2px 2px at 300px 150px, rgba(255,255,255,0.25), transparent),
		radial-gradient(1px 1px at 370px 60px, rgba(255,255,255,0.35), transparent),
		radial-gradient(2px 2px at 450px 200px, rgba(255,255,255,0.2), transparent);
	background-repeat: repeat;
	background-size: 500px 250px;
	pointer-events: none;
	z-index: -1;
}

canvas{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	border-radius: 10px;
	box-shadow: 
		0 0 30px rgba(66, 165, 245, 0.3),
		0 0 60px rgba(66, 165, 245, 0.2),
		3px 2px 15px 2px rgba(0, 0, 0, 0.5);
	border: 2px solid rgba(66, 165, 245, 0.5);
}