body {
	--purple: rgb(138, 156, 255);
	--light-purple: rgb(200, 150, 223);
	--light: seashell;
	--dark: #0a180e;
	--green: rgb(24, 82, 65);
	--dark-green: rgb(1, 42, 16);
	--sweet-green: rgb(23, 138, 125);
	--yellow: rgb(252, 220, 103);

	height: 100vh;
	color: var(--light);
	background: radial-gradient(rgb(24, 82, 65), rgb(1, 42, 16));
	font-family: "Trebuchet MS";
}

h1 {
	font-size: 2em;
	font-family: Garamond;
}
p {
	font-size: 1em;
	font-family: Garamond;
}
a {
	font-family: monospace;
	color: var(--purple);
}
a:visited {
	color: var(--light-purple);
}

.button {
	cursor: pointer;
	background-color: var(--light);
	color: var(--dark);
	box-shadow: 0px 5px 10px var(--dark);
	transition: background-color 0.15s, color 0.15s, transform 0.15s;
}
.button:hover {
	background-color: var(--sweet-green);
	color: var(--light);
	transform: scale(1.1);
}
strong {
	color: var(--yellow);
}