body {
	Font-family: system-ui, sans-serif;
	Font-size: 100%;
	Line-height: 1.35rem;
}

header{
	display: flex;
	flex-direction: column;
	min-height: 35vh;
	justify-content: flex-start;
}

h2 {
	padding-top: 1em;
	font-size:12vw;
	text-align: center;
	outline:1px solid red;
}

figure{
	margin: 1em 0;
}

img.image {
	width: 100%;
}
/* typical code to make youtube video fit any parent width */
.video-wrapper {
	position: relative;
	/* height: 0;
	padding-bottom:56.25%; */ /* 16:9 ratio */
}
.video-wrapper iframe {
	postion:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
}



@media (min-width: 600px) {
 figure {
	 margin: 3em
	 }
}


@media (prefers-color-scheme: dark) {
	body {
		background-color: #333;
		color:#ddd;
	}
}