body {
	background-color: #f58e85;
	animation: colourchange 3s ease-in-out;
}
::-webkit-scrollbar {
	width: 0.5vh;
}
::-webkit-scrollbar-track {
	background: white;
}
::-webkit-scrollbar-thumb {
	background: white;
}
@keyframes colourchange {
	0% {background-color: #000026;}
	50% {background-color: #000026;}
	100% {background-color: #f58e85;}
}
.logo {
	width: 25vh;
	animation: logoappear 1s ease-in-out, logomove 3s ease-in-out;
	position: absolute;
	top: 5vh;
}
@keyframes logoappear {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes logomove {
	0% {top: 37.5vh;}
	33% {top: 37.5vh;}
	100% {top: 5vh;}
}
nav {
	animation: navappear 3s ease-in-out;
}
@keyframes navappear {
	0% {top: 100vh;}
	66% {top: 100vh;}
	100% {top: 40vh;}
}
.symbols {
	animation: symbolappear 3s ease-in-out;
}
@keyframes symbolappear {
	0% {opacity: 0;}
	66% {opacity: 0;}
	100% {opacity: 1;}
}