html, body {
	margin: 0;
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	padding: 0px;
	padding-top: 10px;
	box-sizing: border-box;

	background-color: rgb(32, 32, 34);
	/* background-color: #000; */
}

h1 {
	margin-bottom: 20px;
	color: #fff;
	font-family: monospace;
	text-align: center;
	/* display: none; */
}

.button-container {
	margin-top: 5px;
	display: flex;
	gap: 10px;
}

.button {
	padding: 20px 40px;
	/* font-family: serif; */
	font-size: 16px;
	cursor: pointer;
	background-color: rgb(32, 96, 128);
	color: white;
	border: none;
	border-radius: 16px;
	transition: background-color 0.15s;
	box-shadow: 2px 2px 2px rgba(0,0,0,.5);
	margin: auto;
}

/* @media (max-width: 540px) { */
	/* .button-container { */
		/* display: block !important; */
	/* } */
		
	/* button { */
		/* padding: 6px !important; */
		/* display: block !important; */
		/* width: 60vw !important; */
		/* margin: 6px auto !important; */
	/* } */
/* } */

.button:hover, .button:active {
	background-color: rgb(48, 112, 144);
}

.button:hover, .button:active {
	background-color: rgb(48, 112, 144);
}

.button-disabled {
	background-color: rgb(80, 80, 85);
	color: rgba(255, 255, 255, 0.5);
	cursor: not-allowed;
	box-shadow: 2px 2px 2px rgba(0,0,0,.25);
	pointer-events: none;
}

.iframe-wrapper {
	width: min(1280px, 95vw);
	aspect-ratio: 1280 / 740;
	max-height: calc(95vh - 10px);
}

.iframe-wrapper iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.policy-container {
	max-width: 800px;
	width: 100%;
	background-color: rgb(45, 45, 48);
	padding: 32px;
	margin: 40px;
	box-shadow: 2px 2px 2px rgba(0,0,0,.25);
	box-sizing: border-box;
}

.policy-container h2 {
	color: rgb(100, 180, 220);
	font-family: monospace;
	font-size: 1.3em;
	margin-top: 25px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgb(80, 80, 85);
	padding-bottom: 8px;
}

.policy-container p {
	color: rgb(200, 200, 205);
	font-family: system-ui, -apple-system, sans-serif;
	line-height: 1.7;
	margin-bottom: 15px;
}

.policy-container strong {
	color: #fff;
}

.policy-container .button-container {
	margin-top: 30px;
}

.last-updated {
	text-align: center;
	color: rgb(140, 140, 145);
	font-size: 0.9em;
	font-style: italic;
}

.contact a {
	background-color: rgb(55, 55, 60);
	padding: 5px;
	border-radius: 4px;
	font-family: monospace;
	color: #fff;
}

hr {
	border: none;
	border-top: 1px solid rgb(80, 80, 85);
	margin: 25px 0;
}

.footer-note {
	font-size: 0.85em;
	color: rgb(140, 140, 145);
	font-style: italic;
}

button {
	max-height: 5em;
	overflow: hidden;
}

.button-subtitle {
	font-size: .8em;
	/* display: none; */
}

/* hide buttons */

.button-container {
	display: none !important;
}