:root {
	--primary-color: #ffffff;
	--secondary-color: #E33737;
	--bg-body: #171717;
	--bg-header-footer: #000000;
}

body {
	margin: 0;
	font-family: sans-serif;
	text-align: center;
	background-color: var(--bg-body);
}

div, main {
	max-width: 600px;
	margin: 0 auto;
	padding: 1rem;
}

h1 {
	color: var(--primary-color);
	text-decoration: underline;
	font-style: italic;
}

h2 {
	color: var(--primary-color);
	font-style: italic;
}

p {
	color: var(--primary-color);
	margin: 1rem 0 1rem 0;
	padding: 0 1rem;
}

a {
	color: var(--secondary-color);
}

img {
	width: 100%;
	max-width: 350px;
	height: auto;
}

header, footer {
	background-color: var(--bg-header-footer);
	color: var(--primary-color);
	padding: 1rem;
}