main {
}

section {
	padding: var(--spacing2);
	display: flex;
	flex-direction: column;
	gap: var(--spacing);
}

header {
	& > div {
		display: grid;
		grid: 1fr / auto 1fr auto;
	}

	h1 {
		text-align: center;
		font-size: 1em;
	}
}

#avatar-container {
	text-align: center;
}

.textbox {
	display: contents;
}

#avatar {
	max-width: 128px;
	width: 128px;
	aspect-ratio: 1 / 1;
	border-radius: 64px;
}

#name {
	text-align: center;
}

p {
	line-height: 1.5;
	background: var(--deco);
	border-radius: 3px;
	padding: var(--spacing);
}

.button-group {
	display: flex;
	flex-direction: column;
	gap: var(--spacing);

	button, .button {
		width: 100%;
	}
}

#safety {
	display: contents;
}