diff --git a/index.php b/index.php
index aa57087..8bf7c21 100644
--- a/index.php
+++ b/index.php
@@ -89,9 +89,8 @@ window.onbeforeunload = function() {
 <div id="loadingMask" class="blackMask" style="visibility: visible" onContextMenu="return false">
 	<div class="popupVCenter">
 		<div class="popup">
-			<div class="circleOutside"></div>
-			<div class="circleInside"></div>
-			&nbsp;&nbsp;&nbsp;working...
+			<div class="spinner"></div>
+			working...
 		</div>
 	</div>
 </div>
diff --git a/lib/ice-coder.css b/lib/ice-coder.css
index 22f77e2..7fde009 100644
--- a/lib/ice-coder.css
+++ b/lib/ice-coder.css
@@ -33,27 +33,21 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
 .popupVCenter .popup {#position: relative; #top: -50%; text-align: center; color: #fff; font-size: 10px}
 .whiteGlow {box-shadow: 0 0 8px 2px rgba(255,255,255,0.6)}
 
-.circleOutside {background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-top: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; animation:spin .5s infinite linear; -webkit-animation:spin .5s infinite linear;
+.spinner {width: 50px; height: 50px; margin: 20px auto; background: #fff;
+	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
+	animation: rotateplane 1.2s infinite ease-in-out;
 }
-.circleInside {background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-top:5px solid rgba(0,0,0,0); border-left: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; animation:spinoff .5s infinite linear; -webkit-animation:spinoff .5s infinite linear;
+
+@-webkit-keyframes rotateplane {
+	0% {-webkit-transform: perspective(120px)}
+	50% {-webkit-transform: perspective(120px) rotateY(180deg)}
+	100% {-webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg)}
 }
-@keyframes spin {
-	0% {transform:rotate(0deg)}
-	100% {transform:rotate(360deg)}
-}
-@keyframes spinoff {
-	0% {transform:rotate(0deg)}
-	100% {transform:rotate(-360deg)}
-}
-@-webkit-keyframes spin {
-	0% {-webkit-transform:rotate(0deg)}
-	100% {-webkit-transform:rotate(360deg)}
-}
-@-webkit-keyframes spinoff {
-	0% {-webkit-transform:rotate(0deg)}
-	100% {-webkit-transform:rotate(-360deg)}
+
+@keyframes rotateplane {
+	0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg)}
+	50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)}
+	100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
 }
 
 .plugins {position: absolute; display: inline-block; width: 3px; height: 100%; top: 0; left: 0; background: transparent; overflow: hidden; z-index: 3;