:root {
	--main-color: #689F38;
}

.tab-radio {
	display: none;
}

.navbar {
	background: var(--main-color);
	padding: 12px 12px 0;
	display: flex;
}

.navbar label {
	font-weight: 500;
	font-size: 13px;
	color: #FFF;
	opacity: 0.65;
	text-transform: uppercase;
	padding: 0 6px 8px;
}

.navbar label:hover {
	opacity: 1;
}

#tab-home:checked ~ .navbar label[for="tab-home"],
#tab-about:checked ~ .navbar label[for="tab-about"],
#tab-toys:checked ~ .navbar label[for="tab-toys"],
#tab-contact:checked ~ .navbar label[for="tab-contact"] {
	opacity: 1;
	border-bottom: 3px solid #FFF;
}

.page {
	display: none;
}

#tab-home:checked ~ .content-wrapper #page-home,
#tab-about:checked ~ .content-wrapper #page-about,
#tab-toys:checked ~ .content-wrapper #page-toys,
#tab-contact:checked ~ .content-wrapper #page-contact {
	display: block;
}