Szablon:Strona główna/styles.css

.glowna-sekcje {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: .6em;
}
@media screen and (max-width: 650px) {
	.glowna-sekcje {
		display: flex;
		flex-wrap: wrap;
	}
	.glowna-sekcje .sekcja {
		flex: 1 auto;
	}
}
.glowna-sekcje .sekcja {
	border:1px solid #aaa;
	background-color: #FFFFFF;
	color: black;
}
.glowna-sekcje .pasek {
	border-bottom-width:inherit;
	border-bottom-style:inherit;
	border-color:inherit;
	background-color:#E0E0E0;
	height:8px;
}
.glowna-sekcje .sekcja h2 {
	font: 13pt Verdana;
	font-weight: bold;
	padding: .5em;
	margin: 0;
	border-bottom: 1px solid #aaa;
}
.glowna-sekcje .tresc {
	font-size: 12pt;
	padding: .5em;
}

/* kolorki */
.glowna-sekcje .sekcja:nth-child(2) {border-color:#8898BF;}
.glowna-sekcje .sekcja:nth-child(2) .pasek {background-color:#A8D3FF;}
.glowna-sekcje .sekcja:nth-child(3) {border-color:#8898BF;}
.glowna-sekcje .sekcja:nth-child(3) .pasek {background-color:#b9dafd;}

.glowna-sekcje .sekcja:nth-child(4) {border-color:#FFBC79;}
.glowna-sekcje .sekcja:nth-child(4) .pasek {background-color:#ffd5a8;}
.glowna-sekcje .sekcja:nth-child(5) {border-color:#FFBC79;}
.glowna-sekcje .sekcja:nth-child(5) .pasek {background-color:#FFE9D2;}

.glowna-sekcje .sekcja:nth-child(6) {border-color:#ff798f;}
.glowna-sekcje .sekcja:nth-child(6) .pasek {background-color:#ffa8b0;}
.glowna-sekcje .sekcja:nth-child(7) {border-color:#ff798f;}
.glowna-sekcje .sekcja:nth-child(7) .pasek {background-color:#ffd0d4;}

.glowna-sekcje .sekcja:nth-child(8) {border-color:#97BF87;}
.glowna-sekcje .sekcja:nth-child(8) .pasek {background-color:#AADDAA;}
.glowna-sekcje .sekcja:nth-child(9) {border-color:#97BF87;}
.glowna-sekcje .sekcja:nth-child(9) .pasek {background-color:#c5f6c5;}