body {
	background-color: #004898;
	animation : fade-01 10s linear 0s 1 normal forwards;
	text-align: right;
	
}

body > a {
	font-size: 1rem;
	color: orange;
}

@media screen and (min-width: 481px) {
	body > div:nth-child(1) {
		font-size: 3rem;
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	body > div:nth-child(2) {
		font-size: 4rem;
		margin-top: 7rem;
		margin-bottom: 3rem;
	}
	body > div:nth-child(3) {
		font-size: 4rem;
	}
}

@media screen and (max-width: 480px) {
	body > div:nth-child(1) {
		font-size: 1.2rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	body > div:nth-child(2) {
		font-size: 1.8rem;
		margin-top: 7rem;
		margin-bottom: 3rem;
	}
	body > div:nth-child(3) {
		font-size: 1.2rem;
	}
}

body > div {
	text-align: center;
	color: white;
	animation : fade-02 10s linear 0s 1 normal;
        margin-top: 8rem;
}

@keyframes fade-01 {
	0% {
		background-color: white;
	}
	40% {
		background-color: #004898;
	}
	60% {
		background-color: #004898;
	}
	100% {
		background-color: white;
	}
}

@keyframes fade-02 {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}