:root {
	--brown: rgb(102, 51, 51);
}
:host {
	background:green;
	width:100%;
	padding: 0;
	margin: 1em 0;
}
:host menu {
	padding: 0;
	margin: 0;
}
:host section[data-tab] {
	display: none;
	border: solid 1px var(--brown);
	margin: -1px 0 0 0;
}
:host section[data-active="yup"] {
	display: inherit;
}
:host button[data-tab] {
	border-color: var(--brown) var(--brown) none;
	border-width: 2px 2px 0;
	border-style: solid solid none;
	margin: 0 2px 0 0;
	outline: none;
	border-radius: 3px 3px 0 0;
	padding:  0.25em 0.5em;
	cursor: pointer;
}
:host button[data-active="yup"] {
	background:green;
}