:root {
	--text-color: #231917;
	--bg-color: #FFF8F6;
}

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

body.dark-mode {
  --bg-color: #1A110F;
  --text-color: #F1DFDB;
}

body {
	background-color: var(--bg-color);
	color: var(--text-color);
	transition: background-color 0.3s ease;
	padding-bottom: 20px;
}



h1 {
    font-size: 28px;
}

h2 {
	margin-top: 20px;
}

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;
	padding-top: 20px;
	padding-bottom: 20px;
}

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

.listpadding {
	padding-top: 40px;
	padding-bottom: 20px;
}

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

.container-shadow {
	box-shadow: inset 0 0 10px rgba(0,0,0,.3);
	margin: -20px -20px 0 -20px;
}

body.toppart {
	background-color: #F5DDD8;
	color: rgb(65, 66, 65);
	padding: 20px 15px;
}

.toppart a:link {
	color: rgb(4,90,146);
}

.postprices {
	background-color: #FFF8F6;
	color: rgb(65, 66, 65);
	font-family: -apple-system, system-ui, Verdana, sans-serif;
}

.postprices hr {
	color: black;
	border-top: 1px solid rgb(65, 66, 65);
}

.postprices p {
    font-size: 17px;
	
}

.postprices ul {
    font-size: 17px;
    font-weight: 200;
}

.bottom-appstore {
	padding-bottom: 10px
}