@font-face {
    font-family: mlor;
    src: url(../fonts/corpta.otf);
}

@keyframes myAnimation {
	25%		{color: gray;}
	50%		{color: navy;}
	75%		{color: gray;}
}

@keyframes myAnimation2 {
	25%		{color: red;}
	50%		{color: blue;}
	75%		{color: red;}
}
body {
	position:absolute;

	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin: auto;
	width: 95vw;
	height: 95vh;
	
	line-height: 95vh;
    text-align: center;
	
	background-image: linear-gradient(#d2d1ff, navy, navy);
}


a.other {	
	font-family: mlor;	
	
	color: #0000ff;
	font-size: 22svw;
	text-shadow: 2px 2px 1px #121212, 0 0 2px #121212;
	
	animation-name: myAnimation;
	animation-duration: 2s;	
}
a.otherDot {	
	font-family: mlor;	
	
	color: #0000ff;
	font-size: 22svw;
	text-shadow: 2px 2px 1px #121212, 0 0 2px #121212;
	text-decoration: none;
	animation-name: myAnimation;
	animation-duration: 2s;	
}

a.otherDot:hover {	
	font-family: mlor;	
	
	color: #0000ff;
	text-shadow: 2px 2px 1px #121212, 0 0 2px #121212;	
	animation-name: myAnimation2;
	animation-duration: 1s;	
}

other2 {
	text-shadow: 2px 2px 1px #000000, 0 0 2px #121212;
}