@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,600&display=swap');

h1, h2 {
	font-family: "Google Sans Flex", sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

body {
	background-color: #f0f0f0;
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-position: center top;
}

p {
	font-size: 1.1rem;
	line-height: 1.4;
}

a {
	color: #ffffff;
}

/* Adds a decorative ribbon image centered on the bottom edge of the element */
.ribbon-bottom {
	position: relative;
}

.ribbon-bottom::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	aspect-ratio: 2400 / 158; /* Native dimensions of separator_ribbon.png */
	background-image: url('../images/separator_ribbon.png');
	background-size: 100% auto;
	transform: translateY(50%);
	pointer-events: none;
	z-index: 10;
}