<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">				
		<style>		
		

		@-webkit-keyframes rotateplane {
		  0% { -webkit-transform: perspective(120px) }
		  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
		}

		@keyframes rotateplane {
		  0% { 
			transform: perspective(120px) rotateX(0deg) rotateY(0deg);
			-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
		  }
		   100% { 
			transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
			-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		  }
		}
		.circle {
			background-color: rgba(0,0,0,0);
			border:5px solid rgba(0,183,229,0.9);
			opacity:.9;
			border-right:5px solid rgba(0,0,0,0);
			border-left:5px solid rgba(0,0,0,0);
			border-radius:50px;
			box-shadow: 0 0 35px #2187e7;
			width:50px;
			height:50px;
			margin:0 auto;
			-moz-animation:spinPulse 1s infinite ease-in-out;
			-webkit-animation:spinPulse 1s infinite linear;
		}
		.circle1 {
			background-color: rgba(0,0,0,0);
			border:5px solid rgba(0,183,229,0.9);
			opacity:.9;
			border-left:5px solid rgba(0,0,0,0);
			border-right:5px solid rgba(0,0,0,0);
			border-radius:50px;
			box-shadow: 0 0 15px #2187e7; 
			width:30px;
			height:30px;
			margin:0 auto;
			position:relative;
			top:-50px;
			-moz-animation:spinoffPulse 1s infinite linear;
			-webkit-animation:spinoffPulse 1s infinite linear;
		}

		@-moz-keyframes spinPulse {
			0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
			50% { -moz-transform:rotate(145deg); opacity:1; }
			100% { -moz-transform:rotate(-320deg); opacity:0; }
		}
		@-moz-keyframes spinoffPulse {
			0% { -moz-transform:rotate(0deg); }
			100% { -moz-transform:rotate(360deg);  }
		}
		@-webkit-keyframes spinPulse {
			0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
			50% { -webkit-transform:rotate(145deg); opacity:1;}
			100% { -webkit-transform:rotate(-320deg); opacity:0; }
		}
		@-webkit-keyframes spinoffPulse {
			0% { -webkit-transform:rotate(0deg); }
			100% { -webkit-transform:rotate(360deg); }
		}



		/* Copyright 2014 Evernote Corporation. All rights reserved. */
		.en-markup-crop-options {
			top: 18px !important;
			left: 50% !important;
			margin-left: -100px !important;
			width: 200px !important;
			border: 2px rgba(255,255,255,.38) solid !important;
			border-radius: 4px !important;
		}

		.en-markup-crop-options div div:first-of-type {
			margin-left: 0px !important;
		}
		
		</style>
	</head>
	<body> 
		<div class="circle"></div>
		<div class="circle1"></div>
	</body> 
</html>

