.navbar-brand .navbar-item {
	font-size: 120%;
	font-weight: bold;
}

figure figcaption {
	margin: 1em 0;
}

figure img {
	object-fit: cover;
}

a.card, a > .box {
	transition: transform 200ms ease;
	cursor: pointer;

	&:hover {
		transform: scale(1.05, 1.05);
		z-index: 2;
	}
}

.color {
	display: inline-block;
	border-radius: 0.2rem;
	padding: 1.8rem 0.5rem;
	margin: 0 0.1rem;
	color: white;
}

article h2:not(:first-child), .content h2:not(:first-child) {
	margin-top: 2em !important;
}

article h3 {
	font-size: 1.2em !important;
}

.is-golden {
	padding-top: 61.8%;

	img {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		max-height: 100%;
	}
}

.hero.is-slanted {
	position: relative;
	overflow: hidden;
	padding-top: 1em;

	h1 {
		margin-left: -3px;
	}

	&::before {
		position: absolute;
		transform: skewY(-5deg);
		bottom: 11vw;
		right: 0;
		width: 100%;
		height: 100%;
		content: '';
		background: linear-gradient(#009ce6, #093167);
	}

	.navbar-item {
		border-radius: 4px;
		// text-transform: uppercase;
	}
}

h1, h2, h3, h4, h5, h6 {
	text-shadow: 3px 3px 3px rgba(10, 10, 10, 0.2);
}

footer a {
	color: rgba(255, 255, 255, 0.45);

	&:hover {
		color: rgba(255, 255, 255, 0.6);
	}
}

.is-reversed {
	flex-direction: row-reverse;
}

.image img {
	border-radius: 0.3rem;

	&:not(.no-shadow) {
		box-shadow: 5px 5px 15px 5px rgba(10, 10, 10, 0.2);
	}
}

.navbar-item {
	text-shadow: 2px 2px 2px rgba(10, 10, 10, 0.2);
}

meter {
	width: 100%;
	max-width: 500px;
}