@font-face {
	font-family: anurati;
	src:url("Anurati-Regular.otf");	
}
.synapse, .synapse * {
	font-family: anurati;
	font-size: 25px;
	color: #FFFFFF;
	text-align: center;
}
.synapse span {
	color:#FFFFFF;
	display: inline-block;
	margin-right: -7px;
}

	@keyframes logoAnim1 {
  		0% {transform: scale(1);}
		0% {transform: scale(1);}
		1% {transform: scale(2);}
  		10% {transform: scale(1);}
  		100% {transform: scale(1);}
	}
	.logoAnim1 {
		animation-name: logoAnim1;		
	}
	@keyframes logoAnim2 {
  		0% {transform: scale(1);}
		1% {transform: scale(1);}
		2% {transform: scale(2);}
  		10% {transform: scale(1);}
  		100% {transform: scale(1);}
	}
	.logoAnim2 {
		animation-name: logoAnim2;		
	}
	@keyframes logoAnim3 {
  		0% {transform: scale(1);}
		2% {transform: scale(1);}
		3% {transform: scale(2);}
  		10% {transform: scale(1);}
  		100% {transform: scale(1);}
	}
	.logoAnim3 {
		animation-name: logoAnim3;		
	}
	@keyframes logoAnim4 {
  		0% {transform: scale(1);}
		3% {transform: scale(1);}
		4% {transform: scale(2);}
  		10% {transform: scale(1);}
  		100% {transform: scale(1);}
	}
	.logoAnim4 {
		animation-name: logoAnim4;		
	}
	@keyframes logoAnim5 {
  		0% {transform: scale(1);}
		4% {transform: scale(1);}
		5% {transform: scale(2);}
  		10% {transform: scale(1);}
  		100% {transform: scale(1);}
	}
	.logoAnim5 {
		animation-name: logoAnim5;		
	}
	@keyframes logoAnim6 {
  		0% {transform: scale(1);}
		5% {transform: scale(1);}
		6% {transform: scale(2);}
  		10% {transform: scale(1);}
  		100% {transform: scale(1);}
	}
	.logoAnim6 {
		animation-name: logoAnim6;		
	}
	@keyframes logoAnim7 {
  		0% {transform: scale(1);}
		6% {transform: scale(1);}
		7% {transform: scale(2);}
  		10% {transform: scale(1);}
  		100% {transform: scale(1);}
	}
	.logoAnim7 {
		animation-name: logoAnim7;		
	}