.AppInfo {
	position: relative;
	width: 100vw;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 18px;
}

.AppInfo hr {
	margin-left: 10px;
	margin-right: 10px;
	align-self: stretch;
}

.AppInfo hr.slim {
	width: 150px;
	align-self: center;
}

.AppInfo p {
	width: calc(100% - 20px);
	position: relative; 
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
}

.AppInfo .title {
	font-size: 24px;
	margin-top: 18px;
	margin-bottom: 7px;
}

.AppInfo .backdrop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	filter: blur(16px) brightness(0.4);
	z-index: -10;
}

.AppInfo .icon {
	position: relative;
	display: block;
	width: 250px;
	height: 250px;
	object-fit: cover;
	border-radius: 32px;
}

.AppInfo .properties {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
	margin-left: 10px;
	margin-right: 10px;
	justify-content: center;
}

.AppInfo .properties div {
	font-size: 16px;
	text-align: center;
	flex: 0 35%;
}

@media only screen and (min-width: 768px) {
	.AppInfo .properties div {
		flex-basis: auto;
		margin-left: 15px;
		margin-right: 15px;
	}
}

.AppInfo .properties a {
	text-decoration: none;
	color: #f2f2f2;
}

.AppInfo .properties a:hover {
	color: #000;
}

.AppInfo .properties hr {
	margin: 6px 9px 6px 0;
}

.AppInfo .properties button {
	margin: 0;
	font-size: 16px;
	color: rgb(32, 32, 32);
	background-color: #B0B0B0;
	border-width: 0; 
	border-radius: 16px; 
}

.AppInfo .properties button:hover {
	background-color: #D0D0D0;
}

.AppInfo .properties button:active {
	background-color: #D0D0D0;
}

.AppInfo .properties select {
	margin-left: 8px;
	margin-right: 8px;
	font-size: 16px;
	color: rgb(32, 32, 32);
	background-color: #B0B0B0;
	border-width: 0; 
	border-radius: 16px;
}

.AppInfo .properties select:hover {
	background-color: #D0D0D0;
}