.start-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-self: center;
	grid-gap: 5px;
	gap: 5px;
	color: crimson;
	text-decoration: none;
	-webkit-transition: color 300ms;
	transition: color 300ms;
	cursor: pointer;
	font-weight: bold;
}
.start-button span {
	color: dodgerblue;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.start-button:hover {
	color: dodgerblue;
}

.background {
	position: absolute;
	width: 0;
	height: 0;
	background-color: var(--backgroundColor);
	border-radius: 50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -1;
}

body {
	background-color: blanchedalmond;
	text-align: center;
}

p {
	width: 50%;
	margin: auto;
	font-size: 24px;
	font-style: italic;
	margin-bottom: 15px;
	-webkit-transition: color 350ms;
	transition: color 350ms;
}

h1 {
	opacity: 0;
	color: dodgerblue;
	-webkit-animation: fadeIn 1s forwards;
	animation: fadeIn 1s forwards;
}
h1 span {
	opacity: 0;
	-webkit-animation: fadeIn 1s forwards;
	animation: fadeIn 1s forwards;
	-webkit-animation-delay: 650ms;
	animation-delay: 650ms;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}