/* Global styles */

@import url('https://rsms.me/inter/inter-ui.css');

:root {
	--biggest-font-size: 2.8em;
	--transition-duration: 0.25s;
	--strongest-font-weight: 700;
	--regular-font-weight: 400;
	--primary-font-color: #303336;
	--sub-heading-font-size: 2.0rem;
	--section-heading-font-size: 2.3rem;
	--section-content-line-height: 1.45em;
	--section-content-font-size: 1.3rem;
	--yellow-color: #FFF67F;
	--yellow-highlighted-color: #F8FF3D;
	--green-color: #50E3C2;
	--light-blue-color: #39B1F5;
	--dark-blue-color: #4A90E2;
	--blue-link-color: #0564D3;
	--dark-grey-color: #303339;
	--light-green-color: #ABFFA3;
	--orange-color: #FFE468;
	--light-grey-background-color: #F7F7F7;
	--light-grey-color-translucent: #34789F50;
	--light-grey-color-opaque: #34789F;
	--light-grey-text-color: #686868;
}

body {
	background-color: #FFFFFF;
}

.flex-centered {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-centered-distributed {
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;
}

.flex-centered-distributed img {
	padding: 1em;
}

strong {
	font-weight: var(--strongest-font-weight);
}

strong em {
	font-weight: var(--strongest-font-weight);
}

.bee-hero .top {
	height: 16em;
}

.bee-hero .top img {
	margin-left: 1em;
}

.bee-hero .heading {
	font-size: var(--biggest-font-size);
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.2em;
}

@media screen and (max-width: 800px) {
	.bee-hero img {
		margin-right: 0.5em;
		margin-left: 0em;
	}
}

.align-center {
	text-align: center !important;
}

.left-image-table img {
	margin-right: 1em;
}

.left-image-table p {
	margin: 0;
}

.left-image-table {
	margin-left: 10%;
	margin-right: 10%;
}

.left-image-table td {
	padding-bottom: 1em;
}

.left-image-table p {
	margin: 0;
}

.left-image-table * {
	text-align: left;
}

.yellow-background {
	background-color: var(--yellow-color);
}

.light-green-background {
	background-color: var(--light-green-color);
}

.orange-background {
	background-color: var(--orange-color);
}

.blue-background {
	background-color: var(--light-blue-color);
}

.dark-blue-background {
	background-color: var(--dark-blue-color);
}

.grey-background {
	background-color: var(--light-grey-background-color);
}

.dark-background {
	background-color: var(--dark-grey-color);
}

.dark-background * {
	color: #FFFFFF !important;
}

.blue-background * {
	color: #FFFFFF !important;
}

.dark-blue-background * {
	color: #E9F3FF !important;
}

.footer-top-margin {
	margin-top: 5em;
}

.footer {
	font-size: var(--section-content-font-size);
	line-height: var(--section-content-line-height);
}

.footer a {
	text-decoration: none;
}

.footer a::after {
	content: "➜";
	color: var(--yellow-color);
	padding-left: 0.5em;
}

.footer tr {
	transition: var(--transition-duration);
}

.footer tr:hover {
	transform: translateY(-0.1em);
}

.footer tr:active {
	transform: translateY(0);
}

#footer-top-curve {
	width: 100%;
	height: 50px;
	fill: var(--dark-grey-color);
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 35.5em) {
	#footer-top-curve {
		height: 2em;
	}
}

#footer-top-curve.white {
	background-color: #FFFFFF;
}

#footer-top-curve.yellow {
	background-color: var(--yellow-color);
}

p.tiny-text {
	margin-top: 2em;
	font-size: 0.7em;
}