html {
	background-image: linear-gradient(to bottom right, #fff, rgb(255, 219, 187));
	min-height: 100vh;
}

.custom-top {
	display: flex;
	justify-content: flex-end;
}

.custom-top > a:first-child {
	margin-right: auto;
}

.custom-top > a + a {
	margin-left: 15px;
}

a:hover {
	text-decoration: none;
}

.custom-container > * {
	display: inline-block;
	vertical-align: top;
}

.custom-container > div {
	margin-left: 15px;
}

.custom-logo {
	border: 1px solid rgb(214, 211, 209);
	border-radius: 6px;
	height: 72px;
	width: 72px;
}

.youtube {
	/*height: 315px;
				width: 560px;*/
	display: flex;
	justify-content: center;
}

.youtube iframe {
	aspect-ratio: 16 / 9;
	width: 100% !important;
}

.install-button {
	display: inline-block;
}

.install-button img {
	height: 50px;
}

.install-button a:hover img {
	filter: brightness(95%);
}

.iframe a {
	pointer-events: none;
}

.iframe .hide {
	display: none;
}

@media (max-width: 660px) {
	.custom-top {
		display: block;
		text-align: center;
	}

	.custom-top > a:first-child,
	.custom-container > a:first-child {
		display: block;
		margin-bottom: 15px;
		text-align: center;
	}

	.custom-top > a:first-child img,
	.custom-container > a:first-child img {
		display: inline-block;
	}

	.custom-top > a img,
	.custom-container > a img {
		display: inline-block;
	}

	.custom-container > div {
		margin-left: auto;
		text-align: center;
		width: 100%;
	}

	.custom-top > a + a {
		display: block;
		margin-left: auto;
		margin-top: 5px;
	}
}