:root {
	--background_color: #ffebe5;
	--primary_color: #3b2053;
	--secondary_color: #33c9cb;
	--accent_color: #ffa3d6;
}

html {
    display: table;
    margin: auto;
}

body {
	color: var(--primary_color);
	background-color: var(--background_color);
	font-family:'Courier New', Courier, monospace;
	max-width: 500px;
    display: table-cell;
    vertical-align: middle;
	padding: 10px;
}

h1 {
	text-align: center;
}

h2 {
	text-align: center;
}

p {
	text-align: left;
}

footer {
	position: sticky;
	bottom: 0;
	text-align: center;
	background-color: var(--secondary_color);
	color: var(--background_color);
	padding: 10px;
}

footer a {
	color: var(--background_color);
}

.buttons {
	vertical-align: center;
}

.button {
	border-radius: 12px;
	border: none;
	text-align: center;
	align-items: center;
	font-family:'Courier New', Courier, monospace;
	color: var(--primary_color);
	background-color: var(--secondary_color);
	padding: 8px;
	cursor: pointer;
	font-size: 16px;
}

.button:hover {
	background-color: var(--accent_color);
	color: var(--background_color);
	box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
	position: relative;
	right: 3px;
	bottom: 3px;
}

.headerimage {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	max-width: 80%;
}