.join {
  	display: flex;
  	font-size: 18px;
  	border-radius: var(--radius-2);
  	background-color: var(--box--backgroundColor);
  	padding: 10px;
  	cursor: pointer;
  	transition: 0.25s;
}
.join:hover{
  	background: rgb( var(--theme-comment_count) ); 
}

.join  div:first-child {
  	flex: 1 0 50%;
 	text-align: left;
}

.join div:last-child {
  	flex: 1 0 1%;
 	text-align: right;
}

.joinButton {
 	margin-left: 20px; 
  	color: rgb( var(--theme-timeline_color) ); 
}

.text-left {
 	text-align: left; 
}

.text-right {
 	text-align: right; 
}

.team {
  font-size: 13px;
}

.header {
 	background: rgba(36, 46, 60, 1); 
}
.header-dark {
 	background: rgb(var(--color-dark-4)); 
}

.arenaHeader {
  	background: rgba(41, 51, 65, 1); 
}
.arenaHeader-dark {
  	background: rgb(var(--color-dark-5)); 
}

.bold { font-weight: 700; }

.pl-15 { padding-left: 15px; }
.pr-15 { padding-right: 15px; }
#button_container {
 	display: flex;
  	gap: 10px;
  	margin-top: 10px;
}
#button_container > button {
 	padding: 15px 10px;
  	flex: 1 0 45%;
  	border: none;
  	border-radius: var(--radius-2);
  	color: #fff;
  	font-weight: 700;
  	background-color: var(--box--backgroundColor);
  	text-shadow: 1px 1px black;
}

#button_container > button:hover { cursor: pointer; }

#button_container > button span:nth-child(1) {
 	float: left; 
}

#button_container > button span:nth-child(2) {
 	float: right; 
}
#button_container > button.active {
 	background: rgb( var(--theme-timeline_color) ); 
}

#button_container_arenas {
 	display: flex;
  	gap: 10px;
  	margin-top: 10px;
  	flex-wrap: wrap;
}

#button_container_arenas > button {
 	padding: 15px 30px;
  	flex: 1 0 1%;
  	border: none;
  	border-radius: var(--radius-2);
  	color: #fff;
  	font-weight: 700;
  	background-color: var(--box--backgroundColor);
  	text-shadow: 1px 1px black;
  	justify-content: center;
}

#button_container_arenas > button:hover { cursor: pointer; }
#button_container_arenas > button.active {
 	background: rgb( var(--theme-timeline_color) ); 
}

.stuntage {
 	display: revert !important; 
}