/* Set a background color for the page */
body {
	background-color: #f8f8f8;
}

/* Center and style the iframes */
iframe {
	display: block;
	margin: 20px auto;
	max-width: 100%;
	height: calc(100vh - 100px);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	overflow: hidden;
}

/* Add a subtle hover effect to the iframes */
iframe:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	transform: translateY(-2px);
}

/* Style the page title */
h1 {
	text-align: center;
	font-size: 2.5rem;
	margin-top: 50px;
}

/* Style the links to the iframes */
a {
	display: block;
	text-align: center;
	margin-top: 20px;
	font-size: 1.2rem;
	color: #555;
	text-decoration: none;
	transition: color 0.2s ease-in-out;
}

a:hover {
	color: #0077cc;
}