Template:Pagina principale/styles.css

.main-page-qotd > div:last-of-type {
	padding: 1em 0;
	text-align: center;
}

.main-page-responsive-columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.main-page-heading {
	background-color: #b0c4de;
	border-radius: 0.3em;
	font-size: 150%;
	padding: 0.3em;
}

.main-page-responsive-columns > div:first-of-type .main-page-heading {
	background-color: #e6e6fa;
}

@media all and ( min-width: 900px ) {
	.main-page-qotd {
		background-color: #f8f8fe;
		border: 1px solid #a7d7f9;
		border-radius: 1em;
		margin: 1em 0;
	}

	.main-page-qotd > div:last-of-type {
		padding: 1em 5em 0.5em;
	}

	.main-page-qotd > .main-page-heading {
		display: none;
	}

	.main-page-responsive-columns > div {
		border: 1px solid #a7d7f9;
		border-radius: 10px;
		padding: 15px;
	}

	.main-page-responsive-columns > div:first-of-type {
		flex: 2.4 1;
		margin-right: 15px;
	}

	.main-page-responsive-columns > div:last-of-type {
		background-color: #f5faff;
		flex: 1 1;
	}
}

@media all and ( max-width: 900px ) {
	.nomobile,
	.main-page-community,
	.main-page-sister-projects {
		display: none;
	}

	.main-page-responsive-columns {
		flex-direction: column-reverse;
	}
}