Wikimedia Hackathon 2023/Header/styles.css

.logo {
	padding: 2em 0;
}
.logo .hackathon-banner-image {
	margin: 0 auto;
	display: table;
	border-collapse: collapse;
	clear: none;
	float: none;
}
.tabs {
	display: table-cell;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	vertical-align: top;
	clear: both;
	gap: .5em;
	max-width: 55em;
	margin: 0 auto;
	padding-bottom:1em;
}
.tab {
	border-bottom: 8px solid #5f7b69;
	max-width: 160px;
	flex: 1 1 max-content;
	font-size: larger;
	display: flex;
	padding: 5px .3em 0;
	word-break: keep-all; /* needed for CJK */
}
.tab a {
	display: flex;
	gap: .3em;
	margin: auto;
	align-items: center;
    white-space: nowrap;
}
.tab > b {
	display: contents;
}
.tab-red {
	border-color: #ce2123;
}
.tab-green {
	border-color: #3c6f08;
}
.tab-blue {
	border-color: #08426f;
}
.tab-lightgreen {
	border-color: #85ce3b;
}
@media only screen and (max-width: 719px) {
	.logo {
		display: none;
	}
	/* mobile should have nice things too 😉
	span[aria-hidden="true"] {
		display: none;
	}
	*/
}