*,
*::after,
*::before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	background: rgb(182, 45, 255);
	background: linear-gradient(
		90deg,
		rgba(182, 45, 255, 1) 0%,
		rgba(106, 0, 255, 1) 50%,
		rgba(30, 140, 255, 1) 100%
	);
	color: white;
	font-family: sans-serif;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	text-align: center;
	padding: 0 0.5rem;
}

header {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

header h1 {
	font-size: 2rem;
	margin-bottom: 0.5rem;
	font-weight: 800;
	letter-spacing: -0.05rem;
}

header h2 {
	font-size: 1.2rem;
	font-weight: 500;
	color: #d1d1d1;
}

footer {
	margin-bottom: 1rem;
	color: #d0d0d0;
}