.tabbar { 
	position: relative;
	height: 50vh;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin-left : 5vw;
	margin-right : 5vw;
	margin-top : 2vh;
	background-color: antiquewhite;
	background-image: radial-gradient(oldlace 50%, antiquewhite);
	border-left: 2px solid grey; 
	border-right: 4px solid grey; 
	border-top: 2px solid grey; 
	border-bottom: 4px solid grey; 
	width : 88vw;
	max-width: 90vw;

}

.tabbar > div > a { 
	font-size : calc(3pt + 1.5vh);
	text-decoration : none;
	color : blue;
	padding-left : 1vw;
	padding-right : 1vw;
	margin-bottom : 1vh;
}	
	
.tabbar > div:target > a { 
	color : black;
	text-decoration : none;
	justify-content: center;
	align-items : center;
}	

.tabbar > div > div { 
	left: 0;
	bottom: 0;
	right: 0;
	padding-left : 1vw;
	padding-right : 1vw;
	top : calc(3pt + 3vh);
	position: absolute;
	display : none;
	overflow-y : auto;
	scroll-behaviour : smooth;
	justify-content: center;
}	


.tabbar > div > div.default {
	display: flex;
	flex-wrap: wrap;
}

.tabbar > div:target > div { 
	display: flex;
	flex-wrap: wrap;
	background-color: antiquewhite;
	background-image: radial-gradient(oldlace 50%, antiquewhite);
}

@media screen and (orientation : landscape) {
	.tabbar { 
		height : 72vh;
		max-width : 70vw;
		margin-left : 1vw;
		margin-right : 0vw;
		margin-top : 2vh;
	}

	.tabbar > div:target > a { 
		display: block;
	}

}