@charset "UTF-8";
/* CSS Document */

@keyframes name {
    0% {background-color:red;}
    25% {background-color:cyan;}
    50% {background-color:darkblue;}
	  75% {background-color:cyan;}
		100% {background-color:red;}
}

body {
	text-align: left;
	text-rendering: optimizeLegibility;
	animation: name 64s infinite;
}

@keyframes clr1 {
    0% {color:darkblue;}
    25% {color:red;}
    50% {color:cyan;}
	  75% {color:red;}
		100% {color:darkblue;}
}

@keyframes clr2 {
    0% {color:cyan;}
    25% {color:red;}
    50% {color:darkblue;}
	  75% {color:red;}
		100% {color:cyan;}
}


#text1 {
	position: absolute;
	margin: 4vw;
	margin-left: 19vw;
	font-family: "Syzygy1";
	z-index: 2;
	mix-blend-mode: exclusion;
}

#text2 {
	position: absolute;
	margin: 4vw;
	margin-left: 19vw;
	animation: clr1 32s infinite;
	font-family: "Syzygy2";
	z-index: 1;
}

a:link {
	font-size: 16vw;
	line-height: 80%;
	text-decoration: none;
	animation: clr2 48s infinite;
}

p {
	font-size: 16vw;
	line-height: 79%;
	text-decoration: none;
}

a:hover {
	font-family: "Syzygy3";
}

a:active, a:visited {
	font-family: "Syzygy4";
}