div.at-container {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.at-item {
		color: #3079ed; font-weight:bold; font-size:0.4em;
		
		animation-name: focus-in-contract;
		animation-duration: 6s;
		animation-timing-function: ease-out;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-fill-mode: backwards;
			
		/* shorthand
		animation: focus-in-contract 6s ease-out 0s infinite alternate backwards;*/
	}
@keyframes focus-in-contract {
			
		0% {
			letter-spacing:1em;
			filter:blur(12px);
			opacity:0;
		}
		100% {
			filter:blur(0);
			opacity:1;
		}
	}