@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local("Poppins Light"), local("Poppins-Light"),
		url("../fonts/poppins/light.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: local("Poppins Light Italic"), local("Poppins-LightItalic"),
		url("../fonts/poppins/lightitalic.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local("Poppins"), local("Poppins"),
		url("../fonts/poppins/regular.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: italic;
	font-weight: normal;
	font-display: swap;
	src: local("Poppins Italic"), local("Poppins-Italic"),
		url("../fonts/poppins/italic.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local("Poppins Medm"), local("Poppins-Medium"),
		url("../fonts/poppins/medium.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: italic;
	font-weight: 500;
	font-display: swap;
	src: local("Poppins Medm Italic"), local("Poppins-MediumItalic"),
		url("../fonts/poppins/mediumitalic.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local("Poppins SmBld"), local("Poppins-SemiBold"),
		url("../fonts/poppins/semibold.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: italic;
	font-weight: 600;
	font-display: swap;
	src: local("Poppins SmBld Italic"), local("Poppins-SemiBoldItalic"),
		url("../fonts/poppins/semibolditalic.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: bold;
	font-display: swap;
	src: local("Poppins Bold"), local("Poppins-Bold"),
		url("../fonts/poppins/bold.woff2") format("woff2");
}
@font-face {
	font-family: "Poppins";
	font-style: italic;
	font-weight: bold;
	font-display: swap;
	src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"),
		url("../fonts/poppins/bolditalic.woff2") format("woff2");
}
.humane,
.humane-flatty {
	position: fixed;
	transition: all 0.4s ease-in-out;
	z-index: 100000;
}
.humane,
.humane-flatty {
	font-family: sans-serif;
	font-size: 16px;
	top: 0;
	left: 30%;
	opacity: 0;
	width: 40%;
	color: #444;
	padding: 10px;
	text-align: center;
	background-color: #fff;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	transform: translateY(-100px);
}
.humane p,
.humane-flatty p,
.humane ul,
.humane-flatty ul {
	margin: 0;
	padding: 0;
}
.humane ul,
.humane-flatty ul {
	list-style: none;
}
.humane.humane-flatty-info,
.humane-flatty.humane-flatty-info {
	background-color: #3498db;
	color: #fff;
}
.humane.humane-flatty-success,
.humane-flatty.humane-flatty-success {
	background-color: #18bc9c;
	color: #fff;
}
.humane.humane-flatty-error,
.humane-flatty.humane-flatty-error {
	background-color: #e74c3c;
	color: #fff;
}
.humane-animate,
.humane-flatty.humane-flatty-animate {
	opacity: 1;
	transform: translateY(0);
}
.humane-animate:hover,
.humane-flatty.humane-flatty-animate:hover {
	opacity: 0.7;
}
.humane-js-animate,
.humane-flatty.humane-flatty-js-animate {
	opacity: 1;
	transform: translateY(0);
}
.humane-js-animate:hover,
.humane-flatty.humane-flatty-js-animate:hover {
	opacity: 0.7;
}
.languages {
	font-size: 22px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1em 1.5em;
	padding: 1em;
}
.languages > a {
	color: #333;
	text-decoration: underline;
}
.languages > a[aria-current="page"] {
	color: #fe7902;
}