@keyframes bigcubemotion {
	0%   {transform: rotate(0turn)}
	5%   {transform: rotate(0turn)}  
	40%   {transform: rotate(0.5turn)}
	100%   {transform: rotate(0.5turn)}
}

#BigCube { 
transform-origin: 50% 50%;
animation-timing-function: ease-in-out; 
animation-name: bigcubemotion;
animation-duration: 2s;
animation-iteration-count: infinite;
}

@keyframes littlecubemotion {
	0%   {transform: rotate(0turn)}
	5%   {transform: rotate(0turn)}
	40%   {transform: rotate(0.5turn)} 
	66%   {transform: rotate(0.5turn) scale(2.07)}  
	97%   {transform: rotate(0.5turn) scale(2)}
	100%   {transform: rotate(0.5turn) scale(2)}
}

#LittleCube { 
transform-origin: 50% 50%;
animation-timing-function: ease-in-out; 
animation-name: littlecubemotion;
animation-duration: 2s;
animation-iteration-count: infinite;
}

@keyframes secretcubemotion {
	0%   {transform: scale(0)}
	5%   {transform: scale(0)}
	40%   {transform: scale(0)} 
	67%   {transform: scale(1.13)}
	95%   {transform: scale(1)} 
	100%   {transform: scale(1)}
}

#SecretCube { 
transform-origin: 50% 50%;
animation-timing-function: cubic;   
animation-name: secretcubemotion;
animation-duration: 2s;
animation-iteration-count: infinite;
}

.p_loader  {
	position: relative; 
	display: flex; 
	justify-content: center; 
	padding: 8px 0 0 0; 
  color: #ffffff;
  background: linear-gradient(to right, rgba(226, 226, 226, 0.8) 0, white 10%, rgba(226, 226, 226, 0.8) 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
	font-size: 22px;
	line-height: 35px;
	font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

.p_loader_error  {
	position: relative; 
	display: flex; 
	justify-content: center; 
	padding: 8px 0 0 0; 
  color: #ffffff;
  background: linear-gradient(to right, rgba(255, 135, 135, 1) 0, rgba(255, 200, 0, 1) 10%, rgba(255, 135, 135, 1) 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
	font-size: 22px;
	line-height: 35px;
	font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

.p_loader_success  {
	position: relative; 
	display: flex; 
	justify-content: center; 
	padding: 8px 0 0 0; 
  color: #ffffff;
  background: linear-gradient(to right, rgba(193, 209, 192, 0.8) 0, rgba(185, 248, 178, 1) 10%, rgba(193, 209, 192, 0.8) 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
	font-size: 22px;
	line-height: 35px;
	font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

@keyframes shine {
	0% {
		background-position: 0;
	}
	60% {
		background-position: 180px;
	}	
 100% {
		background-position: 180px;
 }
	
}