Help:Your first article/styles.css

/*
Styling for [[Help:Your first article]]
A quick crash-course on CSS: 
var(--x,#fff)
means use variable --x, and if --x is not defined use #fff as a fallback.
--border-color-base and friends are defined by MediaWiki,
and they change depending on whether dark mode is enabled.
*/
.help-yfa-learn {
	padding: 10px 35px;
	background: var(--background-color-success-subtle, #d5fdf4);
	border-radius:2px;
}

.help-yfa-learn-writing {
	font-size:220%;
	color:#14866d;
	font-weight:bold;
}

.help-yfa-learn-how {
	font-size: 150%;
}

.help-yfa-learn-how {
	font-size: 125%;
}

.YFA-search {
	text-align:center; 
	border:1px solid var(--border-color-base,#a2a9b1); 
	max-width:35em; 
	margin:0 auto;
}

.YFA-search-top {
	font-size:120%; 
	background-color: var(--background-color-neutral,#eaecf0);
	text-align: center;
	padding: 0.1em 0;
	font-weight: bold;
}

.YFA-search-box {
	padding:1.3em 1.5em;
	background-color:var(--background-color-neutral-subtle,#f8f9fa); 
	border-top:1px solid var(--border-color-base,#a2a9b1);
}

.YFA-search-footer {
	padding:0.1em 0.5em;
	background-color:var(--background-color-neutral-subtle,#f4f5f6); 
	border-top:1px solid var(--border-color-base,#a2a9b1);
}