<!DOCTYPE html>
<html>
	<head>
		<title>Fallen Warsaw</title>
		<meta charset="utf-8"/>
		<link rel="stylesheet" href="../common.css"/>
		<link rel="stylesheet" href="style.css"/>
		<link rel="icon" href="down-small.jpg"/>
		<meta name="viewport" content="width=device-width">

	</head>
	<body class="has-main" style='background-image: url("library-wide-thin.webp"); background-repeat: no-repeat; background-size: 100%;'>
		<main style="padding-top: calc(7vw + (-1em));">
<storylet>
	<img src="dinner-glass.jpg"/>
	<title>A delicious reception</title>
	<p>At your standing table, friendly faces gather around you to join you in celebrating the start of the evening. From other tables, you overhear chatter, wondering about what is yet to come. Behind the curtain that staff scampers to and fro, you peek large round tables with a dozen chairs each.</p>
</storylet>

<branch>
	<img src="appetizer.jpg"/>
	<title>Take another tiny plate</title>
	<p>Servers are distributing further appetizers, and are already picking up some used dishes.</p>
	<a href="3l-b2c9">Go</a>
</branch>

<branch
	class="impossible"
	>
	<img src="dinner-cloakroom.jpg"/>
	<title>Cloak your cloak in the cloakroom</title>
	<p>Laws from the polytherme have no influence here.</p>
	<p class="cond">You have already handed over your cloak to cloakroom staff.</p>
	<a href="3p-b2c9">Go</a>
</branch>

<branch>
	<img src="dinner-chair.jpg"/>
	<title>Be welcomed further inside</title>
	<p>It can't take much longer for the Dinner to properly begin.</p>
	<p class="gi">This will advance the story.</p>
	<a href="3q-b2c9">Go</a>
</branch>

		</main>
	</body>
</html>

