Template:Main Page Infoblocks/Styles.css

/* [[Category:Template Styles]] */

.infoblock-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	
	margin-top: 1.5rem;
	max-width: 125rem;
}

.infoblock, .niwa-nav {
	background-color: #17568c;
	border-radius: 0.5rem;
	flex: 1 1 30rem;
	margin: 0.5rem;
	padding: 1.5rem;
	text-align: left;
}
.niwa-nav {
	flex-basis: 100%;
}

.infoblock-header {
	font-size: 2.5rem;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1em;
    padding-top: 0.25rem;
    padding-bottom: 1.25rem;
	text-transform: uppercase;
}

.infoblock-body {
	display: flex;
}

.infoblock-title {
	display: flex;
	column-gap: 0.25rem;
	align-items: center;

	font-weight: 900;
	font-size: 1.25rem;
}

.otd-refresh-button {
	font-size: 0.875rem;
	font-weight: normal;
}

.infoblock-image {
	flex-grow: 1;
	text-align: center;
}