/* 
@font-face {
	font-family: 'UDGoVF';
		src: url('../img/UDGoVF_20210401-VF_ttf.woff2');
}
*/

.animetext {
	position:relative;
	top:180px;
	
	text-align:center;
	
	font-weight: 300;
	font-size: 400%;
	line-height: 1.5em;
	font-variation-settings: 'wght' 100, 'wdth' 85;
	color:#FFF;
}

.animetext .char {
	--delay: calc((var(--char-index) + 1) * 200ms);
	animation: breathe 3000ms infinite both;
	animation-delay: var(--delay);
}


@keyframes breathe {
	
	0% {
		font-variation-settings: 'wght' 300, 'wdth' 85;
		font-size: 125%;
	}
	60% {
		font-variation-settings: 'wght' 900, 'wdth' 100;
		font-size: 125%;
	}
	
	100% {
		font-variation-settings: 'wght' 300, 'wdth' 85;
		font-size: 125%;
	}
}

@media only screen and (max-width:510px){
	
	.animetext {
		top:70px;
		font-size: 9vw;
		line-height:1.3em;
	}
	@keyframes breathe {
		0% {
		font-variation-settings: 'wght' 300, 'wdth' 85;
		font-size: 95%;
		}
		60% {
			font-variation-settings: 'wght' 900, 'wdth' 100;
			font-size: 95%;
		}
		
		100% {
			font-variation-settings: 'wght' 300, 'wdth' 85;
			font-size: 95%;
		}
	}
}