*,*:after,*:before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html{
	height: 100%;
}
body{
	font-family: arial;
	font-size: 16px;
	margin: 0;

	padding: 1px;
	cursor: none;
}

 
.cursor_2{
 
	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	transition: all 0.2s ease-out;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
 
	margin:25px 0 0 15px; 
 background-image: linear-gradient(#00abe6, #bdd630);
	z-index:99999999999999999999999;
}
.cursor.active{
	animation: cursorAnim 0.3s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}

@keyframes cursorAnim{
	0%{
		transform: scale(1);
		box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.8);
	}
	50%{
		transform: scale(2);
		box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.5);
	}
	100%{
		transform: scale(1);
		box-shadow: 0px 0px 0px 5px rgba(255,255,255,0);
	}
}