.tabs{
	margin: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	width: 40vw;
	max-height: 80vh;
	background-color: white;
	border-style: solid;
	border-color: black;
	border-width: .1vw;
	
}



span{
	position: relative;
	z-index: 100;
}

.tab-bar{
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	background-color: transparent;
	
}

.tab-bar button{
	cursor: pointer;
	background-color: white;
	border-style: solid solid none solid;
	font-family: bodoni-mt;
	font-size: 2vw;
	transition: font-size .2s ease;
	margin: 0 -.1vw 0 0;
	position: relative;
}

.tab-bar button:hover{
	font-size: 2.2vw;
}

.tab-bar{
	top: 1vh;
}

/*trying to figure out a way to get a good default menu option*/
/*.content:not(:first-of-type){
	position: relative;
	display: none;
	0;
}

.content:first-of-type{
	display: block;
}*/

.content{
	overflow-y: scroll;
	overflow-x: hidden;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	display: none;
	font-family: sans-blacks;
	color: black;
}

div:nth-of-type(2){
	display: block;
}