* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: none
}

html, body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: black;
	background: white;
}

.o-header {
	width: 100%;
	max-width: 1280px;
	margin: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.o-footer {
	width: 100%;
	max-width: 1280px;
	margin: auto;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: right;
	pointer-events: none;
}

.o-main {
	width: 100%;
	max-width: 1280px;
	margin: auto;
	padding-top: 4.5rem;
}
.o-main--narrow {
	max-width: 900px;
}

.o-aside {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: auto;
}

.c-menu {
	padding: 1.5rem;
	height: 4.5rem;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	background-color: white;
}
.c-menu__home {
	flex: 1;
}
.c-menu__nav {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.c-menu__lang {
	margin-left: 0.75rem;
}

.c-lang {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 100%;
	overflow: hidden;
	color: white;
	background: black;
	font-size: 1rem;
	cursor: pointer;
	transition: all 0.2s;
}
.c-lang:hover {
	color: black;
	background: #ececec;
}
.c-lang--active {
	display: none;
}

.c-copyright {
	padding: 1.5rem;
	font-size: 0.75rem;
}

.c-content {
	max-width: 900px;
	padding: 1.5rem;
}
.c-content--full {
	max-width: none;
}

.c-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}
.c-grid__item {
	grid-column: span 1;
	aspect-ratio: 3 / 2;
	cursor: pointer;
}
.c-grid__text {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	text-transform: uppercase;
	background: transparent;
	transition: background-color 0.2s;
}
.c-grid__text:hover {
	background: rgba(0, 0, 0, 0.6);
}

.c-translate {
	display: none;
}
div.c-translate--active {
	display: block;
}
span.c-translate--active {
	display: inline;
}

.c-splash {
	opacity: 1.0;
	background: white;
	cursor: pointer;
	transition: opacity 0.2s;
}
.c-splash--hidden {
	opacity: 0.0;
	pointer-events: none;
}
.c-splash__image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.c-splash__menu {
	color: white;
	background: transparent;
}

.c-feed {
	opacity: 1.0;
	background: #222222;
	transition: opacity 0.2s;
}
.c-feed--hidden {
	opacity: 0.0;
	pointer-events: none;
}
.c-feed__header {
	z-index: 1;
	cursor: pointer;
}
.c-feed__menu {
	color: white;
	background: transparent;
}
.c-feed__embed {
	display: none;
}
.c-feed__embed--active {
	display: block;
}