<!DOCTYPE html>
<html>
	<head>
		<title>Cornerstone University Theatre Presents The Importance of Being Earnest</title>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
		<link rel="stylesheet" href="/css/willows.css">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&family=Faster+One&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css2?&family=Miltonian&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
		<script src="https://kit.fontawesome.com/c905323e14.js" crossorigin="anonymous"></script>
		<style type="text/css">
			/* body {
				background: url(https://www.astekhome.com/cdn/shop/files/AV123_That_70s_Circle_THAT70SCIRCLE_0f837e62-6ec4-4629-a7ba-89d26ad00c20_600x600.jpg?v=1738876953);
			}
			body > div {
				background: rgba(255, 255, 255, .85);
			} */
			body {
				font-family: "Courier Prime", serif;
				font-size: 1.1rem;
			}
			h1 {
				-x-font-family: "Faster One", system-ui;
				font-family: "Miltonian", serif;
				font-size: 3rem;
				text-shadow: none;
				margin-top:2rem;
				color: #A0D3EB;
				text-align: center;
				-x-font-size:5rem;
			}
			h2 {
				margin:0;
			}
			img {
				width: clamp(30rem, 30rem, 100vw);
				margin-top: 4rem;
			}
			.actor {
				-x-font-family: "Faster One", system-ui;
				font-weight: bold;
				padding-right:3rem;
			}
			table {
				font-size: 1.4rem;
			}
			td {
				vertical-align: top;
			}
			.text-teal {
				color: #A0D3EB;
			}
			.divider {
				width:40rem;
				border-bottom: 1px solid #A0D3EB;
				position: relative;
				margin-top:4rem;
				margin-bottom:4rem;
			}
			.divider > i {
				position:absolute;
				top: -1rem;
				left: calc(50% - 1.3rem);
				background: white;
				padding-left:0.5rem;
				padding-right: 0.5rem;
				
			}
			
			a {
				text-decoration: none;
				color: black !important;
			}
			
			.long-text {
				width: 40rem;
				text-align: justify;
				hyphens: auto;
			}
			
			@media (max-width: 575.98px) {
				img {
					width: calc(100vw - 2rem);
					margin-top: 1rem;
				}
				h1 {
					margin-top: 1rem;
					font-size: 3rem;
					margin-bottom:1rem;
				}
				.actor {
					padding-right:1rem;
				}
				table {
					font-size: 1rem;
				}
				.fs-3 {
					font-size:1.1rem !important;
				}
				
				.divider {
					width: calc(100vw - 2rem);
				}
				.times {
					font-size: 90%;
					gap:0 !important;
				}
				
				.long-text {
					width: calc(100vw - 2rem);
					text-align: justify;
					hyphens: auto;
				}

			}
		</style>
	</head>
	<body>		
		<div class="d-flex flex-column align-items-center w-auto mt-5">
			<div class="times text-secondary mb-2 d-flex flex-column align-items-center flex-md-row gap-2">
				<div>at 7pm on Friday February 28, 2025 and</div>
				<div>at 7pm on Saturday March 1, 2025</div>
			</div>
			<h2 class="text-black">Theatre Club</h2>
			<div class="mt-3">is pleased to present</div>
			<h1>The Importance of Being Earnest</h1>
			<div class="fs-3">a play by Oscar Wilde</div>

			<div class="divider">
				<i class="fa-duotone fa-mug-tea fs-2 text-teal"></i>
			</div>

			<div class="my-3 fs-2">In the Play</div>
			<table>
				<tr><td class="actor">Josh Sullivan</td><td class="text-secondary">as John Worthing</td></tr>
				<tr><td class="actor">Dylan Thomas</td><td class="text-secondary">as Algernon Moncrieff</td></tr>
				<tr><td class="actor">John Nickelsburg</td><td class="text-secondary">as Rev. Canon Chasuble</td></tr>
				<tr><td class="actor">Chloe Reese</td><td class="text-secondary">as Merriman, a Butler</td></tr>
				<tr><td class="actor">Matthew Roberts</td><td class="text-secondary">as Lane, a Manservant</td></tr>
				<tr><td class="actor">Dora Behrman</td><td class="text-secondary">as Lady Bracknell</td></tr>
				<tr><td class="actor">Bethany Gottleber</td><td class="text-secondary">as Gwendolen Fairax</td></tr>
				<tr><td class="actor">Delaina Cook</td><td class="text-secondary">as Cecily Cardew</td></tr>
				<tr><td class="actor">Evelyn Harris</td><td class="text-secondary">as Miss Prism, a Governess</td></tr>
			</table>

			<div class="divider">
				<i class="fa-duotone fa-cake-slice fs-2 text-teal"></i>
			</div>
			
			<div class="fw-bold fs-2">Act I</div>
			<div class="fst-italic text-secondary">Algernon Moncrieff's Flat in Half-Moon Street, W.</div>

			<div class="mt-3 fw-bold fs-2">Intermission</div>
			<div class="fst-italic text-secondary">12 minutes</div>
			<div class="fst-italic text-secondary">All concession items $1</div>

			<div class="mt-3 fw-bold fs-2">Act II</div>
			<div class="fst-italic text-secondary">The Garden at the Manor House, Woolton</div>
			
			<div class="mt-3 fw-bold fs-2">Intermission</div>
			<div class="fst-italic text-secondary">12 minutes</div>
			<div class="fst-italic text-secondary">All concession items $1</div>

			<div class="mt-3 fw-bold fs-2">Act III</div>
			<div class="fst-italic text-secondary">Drawing-Room at the Manor House, Woolton</div>
			
			<div class="divider">
				<i class="fa-duotone fa-bag-shopping fs-2 text-teal"></i>
			</div>
			
			<div class="fw-bold fs-2 mb-2">About the Play</div>

			<div class="small long-text text-secondary">This play celebrated its 130th anniversary on Valentine's Day.  It's a perennial favorite of theater-goers around the world&mdash;likely because, as one of my actors said, "it's like a sitcom."  (And it is.)  From this director's viewpoint, though, it's because we enjoy seeing the truth catch up with people.  So much of our world is made up of bending the truth to make things go one way or the other&hellip;outright lying for our own benefit&hellip;or hyperbole that we tell ourselves is for the greater good.  God created us for truth and we find great joy&mdash;and laughter&mdash;in seeing things set right, even if only in a work of fiction.</div>
				
				
			<div class="small long-text text-secondary mt-3">Finally, the management would like to plainly state that we do not advocate lying, smoking, or the writing of 3-volume novels, no matter their degree of sentimentality.  With that caveat&hellip;we hope you enjoy the play!</div>

			<div class="divider">
				<i class="fa-duotone fa-clouds fs-2 text-teal"></i>
			</div>
			
			<div class="fs-2 mb-3">Behind the Scenes</div>
			<table>
				<tr><td class="actor">Director</td><td class="text-secondary">Kristen Roberts</td></tr>
				<tr><td class="actor">Assistant Director</td><td class="text-secondary">Hannah Evans</td></tr>
				<tr><td class="actor">Costumes</td><td class="text-secondary">Justin Vanderlaan</td></tr>
				<tr><td class="actor">Set Building</td><td class="text-secondary">Matthew Roberts<br/>Allie Hoven<br/>Whitaker Roberts<br/>Blythe Roberts<br/>Leyah Buiskool</td></tr>
				<tr><td class="actor">Stage Crew</td><td class="text-secondary">Hannah Evans<br/>Allie Hoven<br/>Penn Roberts</td></tr>
				<tr><td class="actor">Makeup</td><td class="text-secondary">Dora Behrman<br/>Emma Yemc<br/>Leyah Buiskool<br/>Kristen Roberts</td></tr>
				<tr><td class="actor">Theatre Club President</td><td class="text-secondary">Bethany Gottleber</td></tr>
				<tr><td class="actor">Additional Thanks</td><td class="text-secondary">Jonathan Coleman<br/>Meghann Patterson<br/>Tina Worrall<br/>Koinonia Players<br/>Denise Evans<br/>Sarah Evans<br/><span class="fs-6">The families of the cast and crew<br/>Anyone the director overlooked</span></td></tr>
			</table>

			<div class="divider">
				<i class="fa-duotone fa-notebook fs-2 text-teal"></i>
			</div>

			
			<div class="mt-4 d-flex gap-3 text-secondary">
				<span>Visit us on</span>
				<a href="https://www.instagram.com/cutheatre/" target="_blank" class="d-flex align-items-center gap-2">
					<i class="fa-brands fa-instagram fa-lg"></i>
					Instagram
				</a>
				<span>or</span>
				<a href="https://www.facebook.com/cutheatre" target="_blank" class="d-flex align-items-center gap-2">
					<i class="fa-brands fa-facebook fa-lg"></i>
					Facebook
				</a>
			</div>
			<div class="mt-5"></div>
		</div>
	</body>
</html>