:root {
	--primer-color-reflect: 220, 26, 0;
	--color-reflect: rgb(var(--primer-color-reflect));

	--padding: 20px;
}

html,
body {
	width: 100%;
	height: 100svh;
}

body {
	display: grid;
	align-items: center;
	justify-items: center;
	background-color: rgba(var(--primer-color-reflect), .1);
}

* {
	margin: 0;
	fill: inherit;
	color: inherit;
	font-family: monospace;
}

h1 {
	font-size: 30px;
	letter-spacing: .1em;
}

p {
	font-size: 17px;
}

button {
	width: 100%;
	color: var(--color-reflect);
	padding: 10px 15px;
	border: solid 1px var(--color-reflect);
	background-color: transparent;
	border-radius: 4px;
	cursor: pointer;
}

button.solid {
	color: white;
	background-color: var(--color-reflect);
}

button:hover {
	color: var(--color-reflect);
	background-color: rgba(var(--primer-color-reflect), .1);
}