body{
	margin: 0;
	padding: 0;
	background-color: #000;
}
.shadow{
	position: relative;
	margin: 100px auto 0;
	width: 450px;
	height: 350px;
	background:linear-gradient(0deg,black,#222);
}
.h1{
	color: white;
	font-family: elephant;
	text-shadow: 0 0 10px rgba(32,183,255,1),0 0 20px rgba(32,183,255,1),0 0 100px rgba(32,183,255,0.8);
}
h1{
	color: white;
	font-family: elephant;
}
p{
	color: white;
	margin-top: 50px;
}
.shadow:before,
.shadow:after{
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	background:linear-gradient(45deg,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000);
	background-size: 450%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: ani 60s linear infinite;
}
.shadow:after{
	filter: blur(25px);
}
@keyframes ani{
	0%{background-position: 0 0;}
	50%{background-position: 450% 0;}
	100%{background-position: 0 0;}
}
.loader{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: transparent;
	border-bottom:25px solid #00f700;
	border-top:40px solid orange;
	border-right:62px solid red;
	border-left:80px solid rgba(32,183,255);
	outline:7px double white;
	animation-name: jec;
	animation-duration: 120s;
	animation-iteration-count: infinite;
}
@keyframes jec{
	100%{transform: rotate(700000deg) scale3d(0.5,0.5,0.5);}
}
.loader:hover{
	animation-play-state: paused;
	transform: scale3d(0.7,0.7,0.7);
	transition: 10s;
}
a{
	text-decoration: none;
	color: white;
	font-size: 25px;
}
@media screen and (max-width:700px){
	.shadow{
		width: 80%;
	}
}