:root {
	--bs-body-font-family: 'Cardo', sans-serif;
}

body {
	background: #264653;
}

.title-row {
	background: #000;
	color: white;
}

.island-name {
	font-size: 1.2rem;
	font-weight: 700;
}

.island-list {
	color: white;
}

.island-list li {
	border: 2px solid #2A9D8F;
	border-bottom-width: 0;
}

.island-list li.active {
	background: #2A9D8F;
}

.island-list li:first-child {
	border-radius: 10px 10px 0 0;
}

.island-list li:last-child {
	border-radius: 0 0 10px 10px;
	border-bottom-width: 2px;
}

.island-list li.inactive .island-name,
.island-list li.inactive .storm-time,
.island-list li.inactive .storm-speed,
.island-list li.inactive i {
	opacity: 0.5;
}