p {
	opacity: 1.0;
	transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out, line-height 0.3s ease-in-out, padding 0.3s ease-in-out, margin 0.3s ease-in-out;
	line-height: 1em;
	padding: 1em;
	text-align: left;
	margin-bottom: -1em;
	color: var(--color-normal);
}

window
{
}

html 
{
	scroll-behavior:smooth;
	will-change:scroll-position;
}

body 
{
	overflow-x:hidden;
	overflow-y:scroll;
	scroll-behavior:smooth;
}

.blurred 
{
	filter: brightness(64%) blur(30px);
}

.layer_space
{
	position: relative;
	z-index: 0;
	
	pointer-events:none;
	
	/* Responsiveness dependency */
	height: 88vh;
}

.layer_news_inner 
{
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
		
	animation:fadeIn_Opacity 1s 1 ease 1s forwards;
		
	/* Variables */
	animation-duration:1s;
	animation-delay:1s;
	
	/* Animation init values */
	opacity:0;
}

.layer_videos_inner 
{	
	z-index: 0;
	position:fixed;
	top: 0vh;
	right: 0;
	
	height:100vh;
	animation:fadeIn_videos_inner 5s 1 ease 1s forwards;
	transition:transform 0.2s ease-in-out;
	
	overflow: visible;
	
	transform-style: preserve-3d;
					
	/* Variables */
	background:var(--color-dark);
	animation-duration: 0.4s;
	animation-delay: 1.4s;
	box-shadow: 0em 0em 0.5em rgba(10,10,10,0.6);
	
	/* Animation init values */
	opacity:0;
	
	/* Responsiveness dependency */
	width:42vw;
	
	will-change:transform;
}

.layer_videos_inner.hidden
{
	/* Responsiveness dependency */
	transform:translateX(calc(42vw - 10rem));
}

.layer_news_picture 
{
	z-index: -2;
	position: fixed;
	
	/* Responsiveness dependency */
	top:0;
	left:-10vh;
	width:120vw;
	height:100vh;
	
	will-change:transform;
}

.tiling
{
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:opacity 0.4s ease-in-out;
	opacity:1;
	
	background:url('../../images/includes/grain60p.png') var(--color-grey);
}

.tiling.blur
{
	background:url('../../images/includes/grain60p.png') var(--color-dark);
}

.tiling.decaying
{
	z-index:1;
}

img.panning
{
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	animation:fadeIn_picture 12s cubic-bezier(.05,.89,.69,.93) 1 forwards;
	transition:opacity 0.4s ease-in-out;
	opacity:1;
	
	will-change: transform;
}

img.panning.decaying
{
	z-index:1;
}

img.panning.inactive
{
	opacity:0;
	animation:none !important;
}

.tiling.inactive
{
	opacity:0;
}

.layer_videos_picture 
{
	z-index: -2;
	position: absolute;			
	
	/* Responsiveness dependency */
	top: 0vh;
	left: 0vh;
	width: 42vw;
	height: 100vh;
	
	overflow: hidden;
}

.layer_videos_picture img.panning
{
	left:-64vw;
	width:120vw;
	height:auto;
}

.contentBox
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	
	max-height:2000vh;
	overflow:hidden;
		
	transition:transform 0.4s ease-in-out, max-height 1s ease-in-out;
	
	will-change:transform;
}

.contentBox.inactive
{
	transform:translateX(-100vw);
	max-height:50vh;
}

.newsBox 
{
	position:relative;
	overflow:visible;
	
	transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 1.4s ease-in-out;
	cursor: pointer;
	
	/* Responsiveness dependency */
	width:80%;
	margin-top:30vh;
	margin-left:10%;
	margin-bottom:10vh;
}

.contentBox.inactive .newsBox::after
{
	animation:fadeOut_opacity 0.4s 1 ease-in-out 0s forwards;
}

.contentBox.inactive .newsBox::before
{
	animation:fadeOut_opacity 0.4s 1 ease-in-out 0s forwards;
}

.contentBox.inactive .newsBox .inner .title
{
	animation:fadeOut_opacity 0.4s 1 ease-in-out 0s forwards;
}

.contentBox.inactive .newsBox .icon
{
	animation:fadeOut_opacity 0.4s 1 ease-in-out 0s forwards;
}

.contentBox.inactive .newsBox .inner p
{
	animation:fadeOut_opacity_innerp 0.4s 1 ease-in-out 0s forwards;
}

.newsBox::before 
{
	content: '';
	
	z-index: -2;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: calc(100% + 3.2rem);
	border-style: solid;
	transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
	animation: fadeIn_NewsBox 1s 1 ease 1.5s forwards;
	
	border-bottom-left-radius:1rem;
	border-bottom-right-radius:1rem;
	
	/* Variables */
	background: var(--color-dark-bg-intense);
	border-color: var(--color-dark-border);
	border-width: 1px;
	animation-duration: 1s;
	animation-delay: 1.5s;
	
	/* Animation init values */
	opacity: 0;
}

.newsBox:hover::after 
{
	width: calc( 100% - 2px );
	
	/* Responsiveness dependency */
	border-left-width: 1em;
}

.newsBox:hover > .icon 
{
	/* Variables */
	background-color: var(--color-highlight);
	
	/* Responsiveness dependency */
	transform: translateY(0.7em) translateZ(0);
}

.newsBox:hover > .icon .caption
{
	/* Variables */
	color:var(--color-hover);
}

.newsBox:hover > .icon::before 
{
	animation: none;
	
	/* Variables */
	background-color: var(--color-dark-bg-translucent);
	color: var(--color-hover);
}

.newsBox:hover > .icon .caption::before
{
	/* Variables */
	transform: rotateZ(180deg);
	background-color: var(--color-hover);
}

.newsBox:active
{
	/* Variables */
	transform: scale(0.96);
}

.newsBox:active > .icon:before
{
	/* Variables */
	color: var(--color-highlight);
}


.newsBox .inner 
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.videosBox_wrapper 
{
	width:100%;
	float:left;
	clear:both;
	display: flex;
	justify-content: center;
	align-content:flex-start;
	
	flex-wrap: wrap;
	
	/* Responsiveness dependency */
	width:100%;
	height:calc(100vh - 7.5em);
		
	overflow-x:hidden;
	overflow-y:auto;
}

.layer_videos_container
{
	position:relative;
	padding:0;
	margin:0;
	display:block;
	
	/* Responsiveness dependency */
	width: calc(100% - 10rem);
	height: 100%;
	margin-left:10rem;
}

.layer_news_carroussel_container
{	
	display:block;
		
	/* Responsiveness dependency */
	width: 50vh;
	height:26vh;
	margin:0.5em;
}


.carroussel
{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
}


.videosBox_anchor 
{
	animation: fadeIn_videoBox_anchor 1s ease 1 forwards;
	perspective:1000px;
	
	margin-bottom:0.5em;
	margin-right:0.5em;
	
	/* Variables */
	animation-duration: 1s;
	animation-delay:0s;
	
	
	/* Animation init values */
	opacity: 0;
	
	/* Responsiveness dependency */
	width:38%;
	height:20%;
	
	background:red;
}

.videosBox_anchor.large
{
	width:52%;
	height:50%;
}

.videosBox_anchor:nth-child(1) 
{
	animation-delay: 2.4s;
}

.videosBox_anchor:nth-child(2) 
{
	animation-delay: 2.5s;
}

.videosBox_anchor:nth-child(3) 
{
	animation-delay: 2.6s;
}

.videosBox_anchor:nth-child(4) 
{
	animation-delay: 2.7s;
}

.videosBox_anchor:nth-child(5) 
{
	animation-delay: 2.8s;
}


.title 
{
	position: absolute;
	display: block;
	float:left;
	bottom:100%;
		
	line-height: 0.9;
	font-variant: small-caps;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
		
	transition: padding 0.1s ease-in-out, border-width 0.1s ease-in-out;
	animation:fadeIn 1s 1 ease 1.2s forwards;
	
	/* Variables */
	font-family: var(--font-title);
	font-size: var(--size-giant);
	font-weight: var(--weight-thick);
	color:var(--color-hover-full);
	animation-duration: 1s;
	animation-delay: 1.2s;
	background:var(--color-dark-bg-transparent);
	width:100%;
	padding-left:1em;
	padding-right:0.2em;
	padding-top:0.1em;
	padding-bottom:0.1em;
		
	/* Animation init values */
	opacity: 0;
	
		
}

.title:after
{
	content:'';
	width:0.2em;
	height:0.2em;
	background:var(--color-highlight);
	position:absolute;
	left:0.5em;
	top:calc(50% - 0.1em);
}

.h2_container
{	
	width:100%;
	border-bottom-style:solid;
	
	height:2.5em;
	
	animation: fadeIn_h2 1s 1 ease forwards;
	
	/* Variables */
	border-bottom-width:1px;
	border-bottom-color:var(--color-light-transparency);
	font-size: var(--size-icon);
	animation-duration:1s;
	animation-delay:2.0s;
	
	/* Animation init values */
	opacity:0;
	transform:translateX(3vh);
	
	/* Responsiveness dependency */
	margin-top: 1em;
	margin-bottom: 1em;
}


h2 
{
	position:absolute;
	bottom:-1px;
	left:0;
	
	line-height:1.25em;
	display:block;
	float:left;
	padding-right:1em;
	padding-left:1em;
	text-transform: uppercase;
	border-bottom-style:solid;
					
	/* Variables */
	font-family: var(--font-title);
	font-weight: var(--weight-thin);
	color: var(--color-normal);
	font-size: calc(var(--size-icon) * 2);
	border-bottom-width:1px;
	border-bottom-color:var(--color-	);
}

.h2_container.onRight h2
{
	right:0;
	left:auto;
}

.newsBox::after 
{
	content: '';
	
	z-index: 1;
	position: absolute;
	width: 0;
	top: 1px;
	left: 1px;
	transition: width 0.1s ease-in-out, border-width 0.1s ease-in-out, opacity 0.2s ease-in-out;
	border-left-style: solid;
	border-left-width: 0em;	
	animation: fadeIn 1s 1 ease 1.5s forwards;
	
	/* Variables */
	animation-duraiton: 1s;
	animation-delay: 1.5s;
	border-left-color: var(--color-dark-bg-translucent);
	background: var(--color-highlight);
	
	/* Animation init values */
	opacity:0;
	
	/* Responsiveness dependency */
	height: 0.2em;
}

.newsBox .inner p 
{
	float: left;
	padding: 0;
	margin: 0;	
	padding: 1em;
	padding-bottom:0em;
	line-height: 1.2em;
	
	animation: fadeIn 1s 1 ease 2s forwards;
		
	/* Variables */
	font-size: var(--size-abitmore);
	font-weight: var(--weight-thin);
	color: var(--color-hover);
	
	/* Animation init values */
	opacity: 0;
	transform: translateY(-10vh);
	
	/* Responsiveness dependency */
}


.footer 
{
	z-index: 200;
	position:absolute;
	
	bottom:0;
	left:0;	
	
	height:4em;
	
	text-align:center;
	transform:translateZ(0);
	font-variant: small-caps;
	
	border-top-style:solid;
	border-top-color:var(--color-dark);
	border-top-width:0px;
	
	/* Variables */
	//background: var(--color-dark-bg-transparent);
	font-weight:var(--weight-bold);
	
	
	/* Responsiveness dependency */
	margin-left:10rem;
	width: calc(100% - 10rem);
	padding:0.5em;
	padding-top:1.5em;
}

.footer .h2_container
{	
	/* Responsiveness dependency */
	margin:auto;
}

.footer img 
{
	/* Responsiveness dependency */
	width: 25%;
	height: auto;
}

.footer p 
{
	text-align:center;
	top: 50%;
  	transform: translateY(-50%);
	
	/* Variables */
	font-size: 0.5vw;
	color:var(--color-dimmer);
	
	
	/* Responsiveness dependency */
	width: calc(100% - 5.2rem);
}

.footer .h2_container p
{
	vertical-align:center;
	text-align:left;
	line-height:1em;
	padding:0;
	padding-top:0.75em;
	float:left;
}

.layer_news_container
{	
	position:absolute;
	top:0;
	padding:0;
	display:block;
	height:auto;
	overflow:visible;
	
	/* Responsiveness dependency */
	transform:translateX(6vw);
	left:0;	
	width:48vw;
	
	transition:transform 0.2s ease-in-out;
	
	will-change:transform;
}

.layer_news_container.full
{
	/* Responsiveness dependency */
	transform:translateX(26vw);
}


.layer_news_inner:hover > *.newsButton 
{
	opacity: 1;
}

.menu 
{
	z-index:1000;
	position:absolute;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	clear:both;
	pointer-events: none;
	animation: fadeIn_menu 0.3s 1 ease 2.2s forwards;
	
	/* Variables */
	animation-duration: 0.3s;
	animation-delay:2.2s;
	font-variant: small-caps;
	color: var(--color-normal);
	font-family: var(--font-title);
	font-size: var(--size-menu);
	font-weight:var(--weight-thin);
	
	/* Animation init values */
	opacity:1;
	transform:translateY(100vh);
	
	/* Responsiveness dependency */
	height: 100vh;
	width:	10rem;
}

.menu_inner
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:50;
		
	background:url('../../images/includes/bg01.png') var(--color-dark-bg-transparent);
	background-blend-mode:multiply;	
	
	transition:background 0.2s ease-in-out;
}

.fullMenu .menu_inner
{
	background:url('../../images/includes/bg01.png') var(--color-grey);
	background-blend-mode:multiply;	
}

.menu_border
{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	border-top-style:solid;
	border-bottom-style:solid;
	border-color: var(--color-light-border);
	border-width: 0px;
	
	box-sizing: content-box;
	
	//box-shadow:0em 0em 0.1em rgba(10,10,10,0.6);
}

.menu_inner::before
{
	content:'';
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:10vh;
	background:url('../../images/includes/grainTop.png');
	background-repeat:no-repeat;
	background-size:100% 10vh;
}


.menu_inner::after
{
	content:'';
	position:absolute;
	bottom:100%;
	left:0;
	width:100%;
	height:10vh;
	background:url('../../images/includes/grainBottom.png');
	background-repeat:no-repeat;
	background-size:100% 10vh;
}

.menu ul 
{
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
	
	margin: 0;
	padding:0;
			
	display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content:flex-start;
    flex-direction: column;
    
    /* Responsiveness dependency */
	width:100%;
	margin-top:1em;
}


.menu separator
{
	content: '';
	display: block;
	width: 90%;
	height:2px;
	padding:0;
	margin:0.5em;
	
	/* Variables */
	background:var(--color-grey);
}

.menu ul.right 
{
	top:auto;
	
	/* Responsiveness dependency */
	bottom:9rem;
}

.fullMenu .redbamboo
{
	opacity:0;
}

.menu a 
{
	position:relative;
	display:block;
	vertical-align:bottom;		
	float: left;
	pointer-events: auto;
	
	transition:background 0.2s ease-in-out, padding 0.2s ease-in-out, margin 0.2s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out;
	
	letter-spacing: -0.05em;
	text-decoration: none;
	text-transform: uppercase;	
	font-stretch: condensed;
	
	line-height:2em;
	
	animation: fadeIn_Opacity 0.4s 1 ease forwards;
	
	/* Variables */
	color: var(--color-dark-hover);
	background:var(--color-light-bg-invisible);
	animation-duration:0.4s;
	animation-delay:0s;
	font-weight: var(--weight-thin);	
	
	/* Animation init values */
	opacity:0;
		
	/* Responsiveness dependency */
	width:10rem;
}

.menu a:hover
{
	color:var(--color-hover);
}

.menu a:nth-of-type(1)
{
	animation-delay:2s;
}

.menu a:nth-of-type(2)
{
	animation-delay:2.2s;
}

.menu a:nth-of-type(3)
{
	animation-delay:2.4s;
}

.menu a:nth-of-type(4)
{
	animation-delay:2.6s;
}

.menu a:nth-of-type(5)
{
	animation-delay:2.8s;
}

.menu a:nth-of-type(6)
{
	animation-delay:3.0s;
}

.menu a.selected 
{
	color:var(--color-hover-full);
	padding-left:1em;
	padding-right:0.5em;
}

.menu a::after
{
	content:'';
	
	position:absolute;
	left:0.3em;
	top:calc(50% - 0.15em);
	width:0.3em;
	height:0.3em;
	
	transition: transform 0.4s linear, background 0.2s ease-in-out;
	
	/* Variables */
	background:var(--color-light-bg-invisible);	
}

.menu a.selected::after 
{	
	/* Variables */
	background:var(--color-highlight);
	transform:rotateZ(180deg);	
}

.redbamboo 
{
	z-index: 10;
	position: absolute;
	height: auto;
	
	transition: left 1.2s ease-in-out, margin-left 0.2s ease-in-out, opacity 0.4s ease-in-out;
	animation:fadeIn_redbamboo 0.8s 1 ease forwards;
	
	
	/* Variables */
	animation-duration: 0.8s;
	animation-delay:2s;
	
	/* Animation init values */
	opacity:1;
	transform: translateZ(0) translateY(20vh);
	
	/* Responsiveness dependency */
	top:calc(2em + 1vh);
	width: 30vh;
	left:calc(50% - 15vh);
}

dot
{
	font-size:var(--size-more);
}

dot:nth-of-type(1) {
	animation: dotdot 1s infinite 0s ease !important;
}

dot:nth-of-type(2) {
	animation: dotdot 1s infinite 0.1s ease !important;
}

dot:nth-of-type(3) {
	animation: dotdot 1s infinite 0.2s ease !important;
}

.content
{	
	/* Variables */
	font-size:var(--size-normal);
}

.content.inactive
{
	display:none;
}

.column.leftBorder
{	
	box-shadow: 0em 0.05em 0.4em rgba(10,10,10,0.6);
}

.radiusRight
{
	border-top-right-radius:1rem;
	border-bottom-right-radius:1rem;
}

.radiusLeft
{
	border-top-left-radius:1rem;
	border-bottom-left-radius:1rem;
}

.column.rightBorder
{		
	box-shadow: 0em 0.05em 0.4em rgba(10,10,10,0.6);
}

.bottomRightCorner::after
{
	content:'';
	position:absolute;
	bottom:1em;
	right:1em;
	width:16px;
	height:16px;
	background:url('../../images/includes/corner.png');
}


.bottomLeftCorner::after
{
	content:'';
	position:absolute;
	bottom:1em;
	left:1em;
	width:16px;
	height:16px;
	background:url('../../images/includes/corner_left.png');
}

.bottomLeftCornerDark::after
{
	z-index:30;
	content:'';
	position:absolute;
	bottom:1em;
	left:1em;
	width:16px;
	height:16px;
	background:url('../../images/includes/corner_left_dark.png');
}

.topLeftCornerDark::after
{
	content:'';
	position:absolute;
	top:1em;
	left:1em;
	width:16px;
	height:16px;
	background:url('../../images/includes/corner_top_left_dark.png');
}

h1
{
	position:inline;
	line-height: 0.9;
	font-variant: small-caps;
	text-transform: uppercase;
	padding-top: 0.1em;
	transition: padding 0.1s ease-in-out, border-width 0.1s ease-in-out;
	text-align:left;
	
	/* Variables */
	font-family: var(--font-title);
	font-size: var(--size-big);
	font-weight: var(--weight-thick);
	color: var(--color-hover-full);
}

.page ul
{
	position:relative;
	font-size:var(--size-core);
	
	padding:0;
	margin:0;
	width:calc(100% - 1em);
	margin-left:0.5em;
	margin-right:0.5em;	
}

.page.left h2
{
	padding-right:1em;
}

.page.right h2
{
	padding-left:1em;
}

.page.right
{
	border-right-style:solid;	
	
	/* Responsiveness dependency */
	padding-left:calc(50% + 2vw);
}

.page.large
{
	padding-right:0;
	padding-left:0;
	border-left-style:none;
	border-right-style:none;
}

.page .h2_container
{
	margin:0;
	margin-top:1em;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:0.5em;
	width:calc(100% - 2em);
}

.youtubeEmbed
{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
}

.youtube_container
{
	position:relative;
	display:block;
	margin:auto;
	width:100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.content_header
{
	position:relative;
	width:100%;
	overflow:hidden;
	line-height:1.25em;
	height:1.25em;
	
	/* Variables */
	font-size:var(--size-core);
	
	/* Responsiveness dependency */
	height:20vh;
}

.content_header.small
{
	height:1.4em;
}

.content_header img
{
	width:100%;
	height:auto;
}

.content h1
{
	margin:1em;
	margin-top:0.5em;
	margin-bottom:0em;
	
	/* Variables */
	color:var(--color-dark);	
}

.content_text
{
	width:100%;
	overflow:auto;
	
	/* Responsiveness dependency */
	height:calc(74vh - 20vh);
}

.content p
{
	position:inline;
	padding:0;
	
	margin-left:2em;
	margin-right:2em;
	margin-top:2em;
	
	/* Variables */
	font-size:var(--size-normal);
	color:var(--color-dark);
	font-weight:var(--weight-normal);
}

.dark .content p
{
	/* Variables */
	color:var(--color-normal);
}

.article h1
{
	z-index:-1;
	position:absolute;
	bottom:calc(100% - 1em);
	left:-0.5em;
	padding-left:1em;
	padding-right:1em;
	padding-top:0.1em;
	padding-bottom:1em;
	/* Variables */
	font-size:var(--size-giant);
	color:var(--color-hover);
	
	background:var(--color-dark-bg-transparent);
	border-radius:0.2em;
	
	line-height:0.9;
	
}

.article h1:after
{
	content:'';
	width:0.2em;
	height:0.2em;
	background:var(--color-highlight);
	position:absolute;
	left:0.5em;
	top:calc((100% - 1em) * 0.5);
}

.title::first-letter
{
	font-size:1.3em;
}

h1::first-letter
{
	font-size:1.3em;
}

.article p
{	
	position:relative;
	margin:0;	
	padding:0;
	padding-left:1em;
	padding-right:1em;
	margin-bottom:1em;
	line-height:1.2em;
	
	text-align:justify;
			
	/* Variables */
	font-weight:var(--weight-normal);
	font-size:var(--size-normal);
	color:var(--color-dark);
}




.contentBox .article
{
	position:relative;
	margin:0;
	
	/* Variables */
	
	/* Responsiveness dependency */
	margin-top:20vh;
	margin-right:2rem;
	margin-left:2rem;
	margin-bottom:10vh;	
}

.contentBox .article.dark
{
}

.content.dark h1
{
	position:relative;
	margin:0;
	padding:0;
	line-height:2em;
	height:2em;
	
	/* Variables */
	font-size:var(--size-normal);
	color:var(--color-hover);
	font-weight:var(--weight-bold);
	
	/* Responsiveness dependency */
	padding-left:5em;
	padding-right:2em;
}

.content.dark h1::first-letter
{
	font-size:unset;
}

.content.dark h1:first-of-type
{
	/* Responsiveness dependency */
	margin-top:1vh;
}

.content.dark p
{
	margin:0;
	margin-top:0.5em;
	margin-bottom:0.5em;
	
	/* Variables */
	font-size:var(--size-normal);
	color:var(--color-normal);
	font-weight:var(--weight-thin);
	
	/* Responsiveness dependency */
	padding-left:5em;
	padding-right:2em;
}

.content.dark i
{
	position:absolute;
	top:0;
	left:1.4em;
	
	margin:0;
	padding:0;
		
	padding:auto;
	line-height:1.2em;
	border-left-style:solid;
	text-align:center;
	padding-left:0.2em;
	
	/* Variables */
	font-size:var(--size-more);
	color:var(--color-hover);	
	text-shadow:0em 0.05em 0.1em rgba(10,10,10,0.4);
}

.image_wrapper
{
	position:absolute;
	
	/* Responsiveness dependency */
	top:calc(100% - 3em);
	right:2em;
	width:20rem;
	height:20rem;
}

.image_wrapper img
{
	width:100%;
	height:auto;
	object-fit:cover;
	
	transition: transform 0.2s ease-in-out;
	
	/* Variables */
	
	/* Animation init values */
	transform:translateZ(0);
	
	/* Responsiveness dependency */
	border-radius : 0.5em;
	border-width:3px;
	border-left-width:1em;
	border-color:var(--color-dark);
	border-style:solid;
}

.image_wrapper::before
{
	content:'';
	
	z-index:-1;
	position:absolute;	
	display:block;
	
	animation:wiggle 10s infinite ease;
	
	/* Variables */
	animation-duration: 10s;
	background:var(--color-highlight);
	
	/* Responsiveness dependency */
	bottom:-2vh;
	right:-5vh;
	width:13vh;
	height:13vh;
}

.image_wrapper.logo
{
	position:absolute;
	top:-17vh;
	left:5vh;
	width:14vh;
	height:14vh;
}

.image_wrapper.logo img
{	
	border-style:none;
}

.image_wrapper.logo::before
{
	bottom:-1vh;
	left:-2vh;
	width:11vh;
	height:11vh;
	animation-duration:12s;
	
	background:var(--color-light-bg-transparent);
}

.image_wrapper:hover img
{
	transform:scale(1.05) rotateZ(2deg) translateZ(0);
}

#page_top
{
	position:absolute;
	margin:0;
	padding:0;
	height:0;
	width:0;
	overflow:hidden;
}

#page_top:focus
{
	text-decoration: none;
}

.logo
{
	position:absolute;
	bottom:0;
	left:0;
	width:6rem;
	height:6rem;
	margin:2rem;
	padding:0;	
}

.logo img
{
	width:100%;
	height:auto;
}

.sleeping
{
	display:none;
}

.handle
{
	display:block;
	z-index:9;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url('../../images/includes/separator_left_grey.png');
	background-repeat:no-repeat;
	background-position:left 10% center;
	
	cursor:pointer;
	pointer-events:auto;
	
	line-height:32px;
	margin:0;
	padding:0;
	
	opacity:0.5;
	transition:opacity 0.2s ease-in-out;
}

.handle:hover
{
	opacity:1;
}

.cookie_notice
{
	position:absolute;
	height:auto;
	line-height:1em;
	padding:1em;
	padding-right:10rem;
	
	animation:fadeIn_cookie_notice 5s 1 ease 1s forwards;
						
	/* Variables */
	color:var(--color-normal);
	font-weight:var(--weight-thin);
	font-size:var(--size-small);
	background:var(--color-highlight-darker);
	animation-duration: 0.4s;
	animation-delay: 3.4s;
	
	/* Animation init values */
	top:-20vh;
	
	/* Responsiveness dependency */
	width:calc(58vw); /* Should investigate why... */
}

.cookie_notice .icon.top
{
	position:absolute;
	top:calc(50% - 1rem);	
	right:2rem;
}

.cookie_notice a
{
	text-decoration:underline;
	font-weight:var(--weight-normal);
	color:var(--color-normal);	
}

.cookie_notice a:visited
{
	color:var(--color-normal);	
}

.cookie_notice a:hover
{
	color:var(--color-hover);	
}


.cookie_notice.hidden
{
	transition:opacity 0.3s ease-in-out;
	opacity:0;
	pointer-events:none;
}

table
{
	padding:2em;
	width:100%;
	font-size:var(--size-smaller);
	font-weight:var(--weight-thin);
}

tr
{	
	line-height:1em;
	vertical-align: middle;
}

th
{
	vertical-align: middle;
}

th:nth-child(1)
{
	width:30%;
	font-weight:var(--weight-bold);
	text-align:left;
}

th:nth-child(2)
{
	width:70%;
	text-align:left;	
}