@charset "UTF-8";

#common-header {
	display: block;
	color: var(--color-text-header);
	background: var(--color-background-header) linear-gradient(
		transparent 30%,
		currentColor 30% 36%,
		transparent 36% 47%,
		currentColor 47% 53%,
		transparent 53% 64%,
		currentColor 64% 70%,
		transparent 70%
	);
	text-shadow: 0 1px 5px oklch(0% 0 0 / 30%);

	.site-name {
		margin-inline: var(--inline-margin-fluid);

		* {
			margin:0;
			padding:0;
			inline-size:fit-content;
			padding-block-end: 0.075em;
			padding-inline: 6px;
			line-height: 1.5;
			background-color: var(--color-background-header);
			font-size: 2rem;
			font-weight: normal;
		}
	}
}

.button-style {
	display: block;
	inline-size: fit-content;
	padding-block: 0.2em;
	padding-inline: 0.6em;
	border: 1px solid;
	border-radius: 3px;
}