Module:Infobox/styles.css

.infobox {
	max-width: 400px;
	font-size: 0.875rem;
	background-color: #1D1A20;
    border-radius: 15px;
    border-collapse: collapse;
    line-height: 1.375;
}

/* We use grid to create the infobox layout */
.infobox tbody,
.infobox th,
.infobox td {
	display: block;
}

.infobox tr {
	display: grid;
	margin-left: 1rem;
	margin-right: 1rem;
}

.infobox tr + tr {
	margin-top: 0.5rem;
}

.infobox th {
	text-align: start;
}

.infobox-image,
.infobox-above,
.infobox-below {
	margin-left: -1rem;
	margin-right: -1rem;
}

.infobox-image {
	position: relative;
}

.infobox-image img {
	max-width: 100%;
    height: auto;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.infobox-caption {
    text-align: center;
    color: white;
    background-color: #1D1A20;
    letter-spacing: 0.025em;
}

.infobox-title,
.infobox-header {
	margin-top: 0.5rem;
	color: #1D1A20;
}

.infobox-title {
    font-size: 30px;
}

.infobox-header {
	font-size: 1rem;
    border-top: 1px solid;
    border-color: #1D1A20;
    padding-top: 0.5rem;
}

.infobox-label {
	color: #1D1A20;
    font-size: 0.8125rem;
    font-weight: bold;
    letter-spacing: 0.05em;
}