.header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	position: fixed;
    top: 0;
    left: 0;
	/* transition: background-color 0s linear 0s; */
	/* background-color: rgba(30, 33, 38, 0.01); */
	padding: 2em 1.5em 1em 1.5em;
	margin: 0px;
	width: 100%;
	z-index: 2;
}

/* input#about:checked + .header {
	transition: background-color 0s linear 0.15s;
	background-color: rgba(30, 33, 38, 1);
} */

.site_title {
	text-transform: uppercase;
}

.site_headline {
	display: none;
}

input#about {
	display: none;
}

.header > a.header_item {
	pointer-events: none;
}

.header label {
	text-transform: uppercase;
	cursor: pointer;
}

input#about:checked + .header label .open {
	display: none;
}

input#about + .header label .close {
	display: none;
}

input#about:checked + .header label .close {
	display: block;
}

input#about + .header > .header_item {
	transition: color 0.25s ease;
	color: var(--color-light);
}

input#about:checked + .header > .header_item {
	color: var(--color-grey);
}

@media screen and (min-width: 480px) {
	.site_headline {
		display: inline-block;
	}
}

@media screen and (min-width: 640px) {
	.header {
		padding: 2em 3.5em 1em 3.5em;
	}
}