* {
	font-family: "Climate Crisis", sans-serif;
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	color: black;
}

.backpattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100lvh;
}

.waves {
	background-color: #e5e5f7;
	opacity: 0.8;
	background-image: radial-gradient(circle at center center, #a0e4fb, #e5e5f7), repeating-radial-gradient(circle at center center, #a0e4fb, #a0e4fb, 10px, transparent 20px, transparent 10px);
	background-blend-mode: multiply;
}

.wrapper {
	position: relative;
	display: flex;
	min-height: 100svh;
	flex-direction: column;
	justify-content: space-between;
}

header {
	width: 94vw;
	max-width: 36rem;
	margin: 0 auto 0 auto;
	text-align: center;
	padding-top: 2rem;
}

h1 {
	font-size: 2.8rem;
	line-height: 1;
	/* text-shadow: .1rem .1rem #e5e5f7; */
}

main {
	width: 94vw;
	max-width: 42rem;
	margin: 0 auto 0 auto;
	padding-bottom: 4rem;
}

video {
	width: 100%;
	border-radius: .5rem;
	/* box-shadow: .2rem .2rem .2rem #e5e5f7; */
}

footer {
	width: 94vw;
	max-width: 42rem;
	margin: 0 auto 0 auto;
	text-align: center;
	padding-bottom: 1rem;
}