html,body {
	width: 100%;
	height: 100%;
}

body {
	background-color: black;
}

@keyframes flip-vertical {
	0%		{transform: scaleY(1.0);fill}
	50%		{transform: scaleY(-1.0);fill}
	100%	{transform: scaleY(1.0);fill}
}

path {
	fill: hsla(0, 100%, 100%, 1.0);
	animation: flip-vertical 3s infinite;
	transition: fill 60s;
}

path:hover {
	fill: hsla(120, 100%, 50%, 1.0);
	transition: fill 0s;
}

/*FLIP ABOUT LETTER HEIGHT CENTER */
/*path:nth-of-type(01) {animation-delay: -00.02s;transform-origin: 020% 023.2%;}
path:nth-of-type(02) {animation-delay: -00.04s;transform-origin: 030% 023.2%;}
path:nth-of-type(03) {animation-delay: -00.06s;transform-origin: 040% 023.2%;}
path:nth-of-type(04) {animation-delay: -00.08s;transform-origin: 050% 023.2%;}
path:nth-of-type(05) {animation-delay: -00.10s;transform-origin: 060% 023.2%;}
path:nth-of-type(06) {animation-delay: -00.12s;transform-origin: 070% 023.2%;}
path:nth-of-type(07) {animation-delay: -00.14s;transform-origin: 080% 023.2%;}
path:nth-of-type(08) {animation-delay: -00.16s;transform-origin: 090% 023.2%;}
path:nth-of-type(09) {animation-delay: -00.18s;transform-origin: 020% 036.7%;}
path:nth-of-type(10) {animation-delay: -00.20s;transform-origin: 030% 036.7%;}
path:nth-of-type(11) {animation-delay: -00.22s;transform-origin: 040% 036.7%;}
path:nth-of-type(12) {animation-delay: -00.24s;transform-origin: 050% 036.7%;}
path:nth-of-type(13) {animation-delay: -00.26s;transform-origin: 060% 036.7%;}
path:nth-of-type(14) {animation-delay: -00.28s;transform-origin: 070% 036.7%;}
path:nth-of-type(15) {animation-delay: -00.30s;transform-origin: 080% 036.7%;}
path:nth-of-type(16) {animation-delay: -00.32s;transform-origin: 090% 036.7%;}
path:nth-of-type(17) {animation-delay: -00.34s;transform-origin: 020% 049.7%;}
path:nth-of-type(18) {animation-delay: -00.36s;transform-origin: 030% 049.7%;}
path:nth-of-type(19) {animation-delay: -00.38s;transform-origin: 040% 049.7%;}
path:nth-of-type(20) {animation-delay: -00.40s;transform-origin: 050% 049.7%;}
path:nth-of-type(21) {animation-delay: -00.42s;transform-origin: 060% 049.7%;}
path:nth-of-type(22) {animation-delay: -00.44s;transform-origin: 070% 049.7%;}
path:nth-of-type(23) {animation-delay: -00.46s;transform-origin: 080% 049.7%;}
path:nth-of-type(24) {animation-delay: -00.48s;transform-origin: 090% 049.7%;}
path:nth-of-type(25) {animation-delay: -00.50s;transform-origin: 020% 062%;}
path:nth-of-type(26) {animation-delay: -00.52s;transform-origin: 030% 062%;}
path:nth-of-type(27) {animation-delay: -00.54s;transform-origin: 040% 062%;}
path:nth-of-type(28) {animation-delay: -00.56s;transform-origin: 050% 062%;}
path:nth-of-type(29) {animation-delay: -00.58s;transform-origin: 060% 062%;}
path:nth-of-type(30) {animation-delay: -00.60s;transform-origin: 070% 062%;}
path:nth-of-type(31) {animation-delay: -00.62s;transform-origin: 080% 062%;}
path:nth-of-type(32) {animation-delay: -00.64s;transform-origin: 090% 062%;}
path:nth-of-type(33) {animation-delay: -00.66s;transform-origin: 020% 075%;}
path:nth-of-type(34) {animation-delay: -00.68s;transform-origin: 030% 075%;}
path:nth-of-type(35) {animation-delay: -00.70s;transform-origin: 040% 075%;}
path:nth-of-type(36) {animation-delay: -00.72s;transform-origin: 050% 075%;}
path:nth-of-type(37) {animation-delay: -00.74s;transform-origin: 060% 075%;}
path:nth-of-type(38) {animation-delay: -00.76s;transform-origin: 070% 075%;}
path:nth-of-type(39) {animation-delay: -00.78s;transform-origin: 080% 075%;}
path:nth-of-type(40) {animation-delay: -00.80s;transform-origin: 090% 075%;}*/

/*FLIP ABOUT LETTER HEIGHT BOTTOM */
path:nth-of-type(01) {animation-delay: -00.02s;transform-origin: 020% 028.2%;}
path:nth-of-type(02) {animation-delay: -00.04s;transform-origin: 030% 028.2%;}
path:nth-of-type(03) {animation-delay: -00.06s;transform-origin: 040% 028.2%;}
path:nth-of-type(04) {animation-delay: -00.08s;transform-origin: 050% 028.2%;}
path:nth-of-type(05) {animation-delay: -00.10s;transform-origin: 060% 028.2%;}
path:nth-of-type(06) {animation-delay: -00.12s;transform-origin: 070% 028.2%;}
path:nth-of-type(07) {animation-delay: -00.14s;transform-origin: 080% 028.2%;}
path:nth-of-type(08) {animation-delay: -00.16s;transform-origin: 090% 028.2%;}
path:nth-of-type(09) {animation-delay: -00.18s;transform-origin: 020% 041.5%;}
path:nth-of-type(10) {animation-delay: -00.20s;transform-origin: 030% 041.5%;}
path:nth-of-type(11) {animation-delay: -00.22s;transform-origin: 040% 041.5%;}
path:nth-of-type(12) {animation-delay: -00.24s;transform-origin: 050% 041.5%;}
path:nth-of-type(13) {animation-delay: -00.26s;transform-origin: 060% 041.5%;}
path:nth-of-type(14) {animation-delay: -00.28s;transform-origin: 070% 041.5%;}
path:nth-of-type(15) {animation-delay: -00.30s;transform-origin: 080% 041.5%;}
path:nth-of-type(16) {animation-delay: -00.32s;transform-origin: 090% 041.5%;}
path:nth-of-type(17) {animation-delay: -00.34s;transform-origin: 020% 054.8%;}
path:nth-of-type(18) {animation-delay: -00.36s;transform-origin: 030% 054.8%;}
path:nth-of-type(19) {animation-delay: -00.38s;transform-origin: 040% 054.8%;}
path:nth-of-type(20) {animation-delay: -00.40s;transform-origin: 050% 054.8%;}
path:nth-of-type(21) {animation-delay: -00.42s;transform-origin: 060% 054.8%;}
path:nth-of-type(22) {animation-delay: -00.44s;transform-origin: 070% 054.8%;}
path:nth-of-type(23) {animation-delay: -00.46s;transform-origin: 080% 054.8%;}
path:nth-of-type(24) {animation-delay: -00.48s;transform-origin: 090% 054.8%;}
path:nth-of-type(25) {animation-delay: -00.50s;transform-origin: 020% 068.1%;}
path:nth-of-type(26) {animation-delay: -00.52s;transform-origin: 030% 068.1%;}
path:nth-of-type(27) {animation-delay: -00.54s;transform-origin: 040% 068.1%;}
path:nth-of-type(28) {animation-delay: -00.56s;transform-origin: 050% 068.1%;}
path:nth-of-type(29) {animation-delay: -00.58s;transform-origin: 060% 068.1%;}
path:nth-of-type(30) {animation-delay: -00.60s;transform-origin: 070% 068.1%;}
path:nth-of-type(31) {animation-delay: -00.62s;transform-origin: 080% 068.1%;}
path:nth-of-type(32) {animation-delay: -00.64s;transform-origin: 090% 068.1%;}
path:nth-of-type(33) {animation-delay: -00.66s;transform-origin: 020% 081.5%;}
path:nth-of-type(34) {animation-delay: -00.68s;transform-origin: 030% 081.5%;}
path:nth-of-type(35) {animation-delay: -00.70s;transform-origin: 040% 081.5%;}
path:nth-of-type(36) {animation-delay: -00.72s;transform-origin: 050% 081.5%;}
path:nth-of-type(37) {animation-delay: -00.74s;transform-origin: 060% 081.5%;}
path:nth-of-type(38) {animation-delay: -00.76s;transform-origin: 070% 081.5%;}
path:nth-of-type(39) {animation-delay: -00.78s;transform-origin: 080% 081.5%;}
path:nth-of-type(40) {animation-delay: -00.80s;transform-origin: 090% 081.5%;}