body {
	text-align: center;
	justify-content: center;
	font-family: Courier;
	background: linear-gradient(white, hotpink);
	border: 5mm ridge deeppink;
	color: seagreen;
}

#title {
	font-weight: bolder;
	font-size: 24px;
}

#instruction {
	font-weight: bold;
	font-size: 30px;
}

p {
	font-size: 48px;
}

#footer {
	font-size: 48px;
}

#poption { 
	width: 20%;
	padding: 0.25em;
	font-family: "Courier", serif;
	font-size: 30px;
	background-color: antiquewhite;
	font-weight: 625;
	border: 2.5mm ridge palegreen;
}

#p {
	background-color: antiquewhite;
	border: 5mm ridge palegreen;
	font-family: "Courier", serif;
	font-size: 36px;
	color: seagreen;
	width: 50%;
	padding: 25px;
	justify-content: center;
	text-align: center;
	animation: messageEnter 1.5s ease 0s 1 normal forwards;
}

@keyframes messageEnter {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

.continue {
	background: white;
	border: 2.5mm ridge hotpink;
	font-family: "Courier", serif;
	font-size: 24px;
	font-weight: 625;
	color: seagreen;
	width: 25%;
	padding: 10px;
}

#a {
	animation: petalEnter 2.25s ease 0s 1 normal forwards;
}

@keyframes petalEnter {
	0% {
		opacity: 0;
		transform: translateY(-250px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

a, a:hover, a:focus, a:active {
	text-decoration: none;
	color: inherit;
}

button, button:hover, button:focus, button:active {
	text-decoration: none;
	color: inherit;
}

#back {
	font-size: 24px;
}