/*
config
*/
:root {
	--font-sans: "Inter",sans-serif;
	--font-serif: serif;

	--color-accent: #e50012;	/*red*/
}
/*
html
*/
html {
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
	> body {
		margin: 0;
		font-family: var(--font-sans);
		font-feature-settings: "palt" 1;
		line-break: strict;
		overflow-x: hidden;
		background-color: #fff;
		min-height: 100vh;
		scroll-behavior: smooth;
		text-rendering: optimizeSpeed;
	}
}
/*
header
*/
header {
	padding-inline: 3%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	> div.logo {
		> a {
			text-decoration: none;
			display: block;
			&:hover {
				opacity: 0.8;
			}
			> picture {
				> img {}
			}
		}
	}
	> div.language {
		display: flex;
		column-gap: 10px;
		> a {
			font-size: 1rem;
			line-height: 1;
			color: #00a;
			&[href] {
				text-decoration: underline;
				color: #000;
			}
		}
		> div {
			border-left: solid 1px #222;
		}
	}
}
/*
footer
*/
footer {
	padding: 20px 5% 20px 5%;
	border-top: solid 1px #ddd;
	text-align: center;
	> small {
		display: inline-block;
		font-size: 0.9em;
		line-height: 1.3;
		color: #777;
	}
}