body {
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #222;
}


@keyframes pulse {
	0%{
		width: 0.5vh;
		height: 0.5vh;
		opacity: 1;
	}
	65%{
		width: 100vw;
		height: 100vw;
		box-shadow: inset 0 0 80px 60px #888, 0 0 80px 60px #888;
		opacity: 1;
	}
	75%{
		opacity: 0;
		
		width: 100vw;
		height: 100vw;
	}
	100%{
		opacity: 0;
		
		width: 100vw;
		height: 100vw;
	}
}

.circle {	
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	margin: auto;
	width: 10vh;
    height: 10vh;
    border-radius: 50%;
	box-shadow: inset 0 0 40px 30px #888, 0 0 40px 30px #888;
	
	animation-name: pulse;
	animation-duration: 10s;
    animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.circuit {
	width: 100%;
	height: 100%;
	background: url("../img/circuit.png") no-repeat;
	background-size: 100%;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
}

.logo img{
	z-index:1;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width:30vw;

}

footer img {
	width: 10vw;
}

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: white;
	text-align: center;
}

footer a:link {
	color: white;
}

footer a:visited {
	color: gray;
}