:root {
	color-scheme: light dark;
	--text-color: rgb(51,51,51);
	--bg-color: #eee;
}

@media (prefers-color-scheme: dark) {
	:root {
		--text-color: rgb(255, 255, 255);
		--bg-color: rgb(28, 28, 30);
	}
}

body {
	background-color: var(--bg-color);
	padding-bottom: 20px;
}

h1 {
    font-size: 28px;
}

h1, h2, h3, h4, p {
	color: var(--text-color);
}

.image-container {
	display: block;
    margin-right: auto;
    margin-left: auto;
  }

.logo {
	width: 100%;
	max-width: 100%;
	padding: 20px
}

.small-logo img {
	max-width: 150px;
	padding: 5px;
}

.ri-logo {
	width: 100%;
	max-width: 496px;
	padding: 20px
}

.copywrite {
	padding: 10px
}

.info-email {
    font-size: 17px;
	text-align: center;
}

.topimage {
	max-height: 600px;
}

.app-store-badge img {
	max-width: 180px;
	padding: 20px;
}