Template:SCGE/styles.css

/* Tabs container */
.tabs ul { 
	display: flex; 
	flex-wrap: wrap; 
	margin: 1em 0 0; 
	padding: 0;
} 

/* Individual tabs */
.tabs li { 
	list-style: none; 
	flex: 1; 
	text-align: center; 
	border-top: 10px #d0d0d0 solid; /* light grey */
	margin: 0 0.4ex; 
	padding: 0.6em 0; 
	background: #fafafa;
} 

.tabs li:nth-child(even) { 
	border-top-color: #8c8c8c; /* deeper grey */
} 

.tabs li a { 
	color: #2b2b2b; 
	font-weight: 600; 
	font-family: 'Sans-Serif', 'Inter', Arial, sans-serif;
	text-decoration: none;
} 

/* Active tab states */
.tabs.active-1 li:nth-child(1),
.tabs.active-2 li:nth-child(2),
.tabs.active-3 li:nth-child(3),
.tabs.active-4 li:nth-child(4) { 
	background: #e6e6e6; /* soft grey highlight */
	border-top-color: #4a4a4a;
} 

/* Main heading / banner */
.main-heading { 
	background: #000000;  /* black banner */
	color: #ffffff; /* white text */
	text-align: center; 
	font-size: 2.2em; 
	font-family: 'Sans-Serif', Georgia, serif; /* title font */
	font-variant: normal; 
	margin: 0 0 1em; 
	border: none; 
	padding: 0.6em; 
	font-weight: bold; 
	letter-spacing: 0.5px;
} 

.main-heading.grey-variant {
	background: #2f2f2f; /* dark grey */
	color: #ffffff;
}

body {
	font-family: 'Sans-Serif', 'Inter', Arial, sans-serif;
	color: #222;
	background: #ffffff;
}