:root {
	--mall-green: #2d553f;
	--mall-purple: #a64c78;

	--mall-green-light: #9fd3a0;
	--mall-purple-light: #d39fb8;

	--background-color: #fdfdfd;
	--text-color: #111;
	--gray-text: #aaa;
	--gray-border: #ddd;
	
	--serif-font-family: "Times New Roman",Times,serif;
	--sans-serif-font-family: "Helvetica Neue",Helvetica,sans-serif;
	
}

@media (prefers-color-scheme: dark) {
	:root {
		--background-color: #c0c0c0;
		--gray-text: #909090;
		--gray-border: #808080;
	}
}

body {
	font-family: var(--serif-font-family);
	background-color: var(--background-color);
	color: var(--text-color);	
	padding: 20px;
}

a { color:#33f; }
a:visited { color:var(--mall-purple); }
a:hover {}
a:active { color:#f33; }

h1 {
	font-size: 48px;
	text-align: center;
}
p {
	font-size: 16px;
}

h2 {
	text-align: center;
}

#mall-logo {
	display: block;
	margin: auto;
	width: 100%;
	max-width: 360px;
}
#mall-logo img {
	max-width: 100%;
	height: auto;
	border-radius:1px;
}

.links-footer {
	text-align: center;
}