main.css

@font-face {
	font-family: 'CMU Classical Serif';
	src: url("cmunci.otf") format("opentype");
}

.container {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

#deloisa {
	width: 25vw;
}

#fixed {
	position: fixed;
	bottom: 0px;
	right: 0px;
	margin: 0 0.5em auto 0;
	text-decoration: none; 
}

a {
	color: inherit; 
	text-decoration: inherit;
}

body {
	background-color: #333D51;
	animation: bgColor 20s infinite;
	font-family: 'CMU Classical Serif';
	color: #D3AC2B;
	text-align: center;
}

@keyframes bgColor {
	11.1% {
		background-color: #F4F3EA;
	}
	22.2% {
		background-color: #F4F3EA;
	}
	33.3% {
		background-color: #F4F3EA;
	}
	44.4% {
		background-color: #006d88;
	}
	55.5% {
		background-color: #006d88;
	}
	66.6% {
		background-color: #006d88;
	}
	77.7% {
		background-color: #333D51;
	}
	88.8% {
		background-color: #333D51;
	}
	100% {
		background-color: #333D51;
	}
}