.header {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	justify-content: space-between;
	background-color: turquoise;
	position: sticky;
	top: 0vh;
	height: 10vh;
	left: 0px;
	border-bottom-left-radius: 3vh;
	border-bottom-right-radius: 3vh;
	padding-left: 5vw;
}

.hero {
	height: 70vh;
	width: 100vw;
	text-align: center;
	padding-top: 40vh;
	font-size: 10vh;
	background-color: skyblue;
}

body {
	margin: 0px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.hbdbutton {
	border-radius: 20px;
	width: 100vw;
	height: 5vh;
	font-size: xx-large;
	background-color: rgb(100, 100, 200);
}

#yodan {
	opacity: 0.0;
	text-align: center;
}

.dialogue {
	padding-top: 10vh;
	padding-bottom: 10vh;
	padding-left: 20vw;
	padding-right: 20vw;
	font-size: x-large;
}

#rickyodan {
	opacity: 0.0;
	text-align: center;
	font-size: x-large;
}

#notice {
	text-align: center;
}