@charset "UTF-8";
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* normalize.css v2.0.1 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}
/* --------- @FONT ------------*/

@font-face {
	font-family: 'robotoReg';
	src: url('type/roboto-regular.eot');
	src: url('type/roboto-regular.eot?#iefix') format('embedded-opentype'), url('type/roboto-regular.woff') format('woff'), url('type/roboto-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotoBold';
	src: url('type/roboto-bold.eot');
	src: url('type/roboto-bold.eot?#iefix') format('embedded-opentype'), url('type/roboto-bold.woff') format('woff'), url('type/roboto-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotoItalic';
	src: url('type/roboto-italict.eot');
	src: url('type/roboto-italic.eot?#iefix') format('embedded-opentype'), url('type/roboto-italic.woff') format('woff'), url('type/roboto-italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotolLight';
	src: url('type/roboto-light.eot');
	src: url('type/roboto-light.eot?#iefix') format('embedded-opentype'), url('type/roboto-light.woff') format('woff'), url('type/roboto-light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* --------- FONT ------------*/
html {
	font-family: 'robotoReg', "Verdana", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline: 0;
}

h1 {
	font-size: 2rem;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1rem;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5rem;
}

sub {
	bottom: -0.25rem;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35rem 0.625rem 0.75rem;
}

legend {
	border: 0;
	padding: 0;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul, ol {
	padding: 0;
	list-style: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0;
}

a {
	text-decoration: none;
}

body {
	color: #333;
	position: relative;
	width: 100%;
	min-width: 20rem;
	background: #333333;
}
/* --------- BASES GRID ------------*/



#introduction, article section, #colophon {
	margin: 0 auto;
}

.contenu p {
	color: white;
}

#masthead {
	width: 100%;
	border-bottom: 0.4rem solid #e90000;
	/*All filters must be placed together*/

	background-image: -webkit-gradient(linear, center top, center bottom, from(#484848), to(black));
	background-image: -webkit-linear-gradient(top, #484848, black);
	background-image: linear-gradient(top, #484848, black);
	/* Ombres */

	box-shadow: 0px 2px 3px 0px #4a4a4a;
	
    z-index: 100;
    height: 5.3rem;
 
}



#introduction {
	clear: both;
	padding: 2.823529411764706rem 0 1.411764705882353rem;
}

#introduction h1 {
	font-family: 'robotolLight';
	font-weight: 100;
	font-size: 3.5rem;
	color: #171717;
	margin-bottom: 1rem;
}

.leftIntro {

}

.paragrapheIntro {
	font-family: 'robotolLight';
	font-weight: 100;
	font-size: 1rem;
	color: #171717;
	border: none;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
#subtitle{
	font-size: 1.5rem;
}
#introduction h3 {
	font-family: 'robotoReg';
	font-weight: 400;
	line-height: 1rem;
	font-size: 1rem;
	color: #171717;
	margin-bottom: 1rem;
}

.contenu {

	margin-bottom: 2rem;
}

.contenu p {
	color: black;
	font-size: 0.75rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: justify;
}
/**
 * 	end insert
 **/

.highlight {
	background: #fff699;
	padding: 0 0.5rem;
}

.prose ul, .prose ol {
	list-style: outside disc;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 1.5rem;
}
.prose p {
	font-size: 1rem;
	line-height: 1.5rem;
	margin-bottom: 1.5rem;
}
.prose p.small {
	color: #666;
	font-size: 0.813rem;
	line-height: 1.846rem;
	margin-bottom: 1.846rem;
}
.prose p.medium {
	color: #666;
	font-size: 0.875rem;
	line-height: 1.714rem;
	margin-bottom: 1.714rem;
}
.prose p:last-child {
	margin-bottom: 0;
}
.prose h1 {
	font-size: 1.875rem;
	line-height: 1.2rem;
	margin-bottom: 0.4rem;
}
.prose h2 {
	font-size: 1.5rem;
	line-height: 1.25rem;
	margin-bottom: 0.5rem;
}
.prose a {
	color: #282929;
	border-bottom: 1px solid #a1cfe5;
	text-decoration: none;
	outline: none;
}
.prose a:focus, .prose a:hover {
	color: #000;
	border-bottom-color: #e90000;
}

.block {
	position: relative;
	margin: 0 auto;
	padding: 1.5rem 1.25rem;
	max-width: 100%;
	background: none;
}

.close-btn {
	display: block;
	width: 2.625rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	outline: none;
	background: #333333 url("../img/close-btn.svg") left center no-repeat;
	background-size: 1.875rem 1.875rem;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-svg .close-btn {
	background-image: url("../img/close-btn.png");
}
.close-btn:focus, .close-btn:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

#a42-ac-button {
	border-radius:0%;
	background-color: #fff;
	color: #000;
	/*background-image: url("../accessibility-icon.svg");
	background-repeat: no-repeat;
	padding-left: 26px;
	background-size: 10%;
	background-position-y: center;
	background-position-x: .2rem;*/
}

.nav-btn {
	position: relative;
	top: 1.7rem !important;
	display: inline-block;
	width: 9rem;
	height: 1.7rem;
	padding: 0;
	border: 0;
	outline: none;
	background: #fff url("../img/nav-icon.svg") left center no-repeat;
	background-size: 17%;
	background-position: 7% 40%;
	color: black;
	white-space: nowrap;
	text-indent: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.9;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.nav-btn span {
	display: inline-block;
	position: relative;
	left: -11rem;
	top: 4px;
}


/**
 * 	
 */
.nav-btn:before{

}

.no-svg .nav-btn {
	background-image: url("../img/nav-icon.png");
}
.nav-btn:hover, .nav-btn:focus {

	opacity: 1;
}

#outer-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-color: #f9f7f1;
}

#inner-wrap {
	position: relative;
	width: 100%;

}

#accessconfig {
	position: absolute;
    top: 1.9rem;
    right: 1.2rem;
}

#flag {
	display: inline-block;
    position: absolute;
    top: 1.9rem;
    right: 12.5rem;
}
#flag-en {
	display: inline-block;
    position: absolute;
    top: 2rem;
    right: 14.5rem;
}

#nav {
	z-index: 200;
	position: relative;
	overflow: hidden;
	width: 100%;
	color: #fff;
}
#nav .close-btn {
	display: none;
}
#nav .block-title {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
#nav .block {
	z-index: 2;
	position: relative;
	padding: 0.75rem 1.25rem;
	background: #333333;
}
#nav ul {
	*zoom: 1;
	display: block;
}
#nav ul:before, #nav ul:after {
	content: "";
	display: table;
}
#nav ul:after {
	clear: both;
}
#nav li {
	display: block;
}
#nav li a {
	display: block;
	color: #ccc;
	font-size: 0.875rem;
	line-height: 1.286rem;
	font-weight: bold;
	outline: none;
}
#nav li a:focus, #nav li a:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}
#nav li.is-active a {
	color: #fff;
}

#top {

}
#top .block-title {
	margin: 0;
	font-size: 1.875rem;
	line-height: 1.2rem;
	text-align: center;
	white-space: nowrap;
}
#top .nav-btn {
	position: absolute;
	top: 1.5rem;
	left: 1.875rem;
}

#main {
	position: relative;
	background: #fff;
	margin: 0 auto;
	width: 94rem;
}
#main .block {
	padding: 2.625rem 1.875rem;
}

footer {
	background: #ddd;
	color: #000;
}
/*
@media screen and (min-width: 45.0625rem) {
	#masthead .nav-btn {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	#nav .close-btn {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	#nav .block-title {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	#nav ul {
		text-align: center;
		white-space: nowrap;
	}
	#nav li {
		display: inline-block;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	#nav li:last-child {
		border-right: none;
	}
	#nav li a {
		padding: 0.429rem 0.857rem;
	}
}*/

	#nav {
		position: absolute;
		top: 0;
		padding-top: 5.25rem;
	}
	#nav:not(:target) {
		z-index: 1;
		height: 0;
	}
	#nav:target .close-btn {
		display: block;
	}
	#nav .close-btn {
		position: absolute;
		top: -3.75rem;
		left: 1.875rem;
	}
	#nav .block {
		position: relative;
		padding: 0;
	}
	#nav li {
		position: relative;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	#nav li:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	#nav li.is-active:after {
		z-index: 50;
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: -0.031rem;
		margin-top: -0.625rem;
		border-top: 0.625rem transparent solid;
		border-bottom: 0.625rem transparent solid;
		border-right: 0.625rem white solid;
	}
	#nav li a {
		padding: 0.857rem 2.143rem;
	}

	.js-ready #nav {
		height: 1000vh;
		width: 70%;
		background: #333333;
		-webkit-box-shadow: inset -1.5rem 0 1.5rem -0.75rem rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset -1.5rem 0 1.5rem -0.75rem rgba(0, 0, 0, 0.25);
		box-shadow: inset -1.5rem 0 1.5rem -0.75rem rgba(0, 0, 0, 0.25);
	}
	.js-ready #nav .block {
		background: transparent;
	}
	.js-ready #nav .close-btn {
		display: block;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}
	.js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}

	.js-ready #nav {
		left: -70%;
	}
	.js-ready #canvas {
		left: 0;
	}

	.js-nav #inner-wrap {
		left: 70%;
	}

	.csstransforms3d.csstransitions.js-ready #nav {
		/*display: none;
		transition-delay: 550ms;
		transition-property: display;*/
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	/*.csstransforms3d.csstransitions.js-nav #nav {
		display: block;
		
	}*/
	.csstransforms3d.csstransitions.js-ready #inner-wrap {
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.csstransforms3d.csstransitions.js-nav #inner-wrap {
		-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
	}

	.csstransforms3d.csstransitions.js-ready #nav .block {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
		-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
		-webkit-transition-delay: ease, 0s;
		-moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
		-o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
		transition: opacity 300ms 100ms ease, transform 500ms ease;
		-webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
	}

	.csstransforms3d.csstransitions.js-nav #nav .block {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

/* Moon */

.moon, .moon__svg, .container__base, .container, .alpha-container, .o-grid__area-01 {
  transform: scale(80%);
}

.container__base {
  transition-property: transform-origin;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transform-origin: 239.5px 239.5px 0px !important;
}

.o-profile #founder {
  text-decoration: none;
  cursor: text !important;
}

.alpha-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*overflow: hidden;*/
  width: 100%;
}

.container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 479px;
  max-height: 479px;
  min-width: 479px;
  min-height: 479px;
  background: black;
  cursor: pointer;
  /*visibility: hidden;*/
}

.container__base, .a42-ac-inv-contrast .container__base, .a42-ac-high-contrast .container__base {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #0D100F !important;
}

.moon {
  position: relative;
  z-index: 1;
  width: 411px;
  height: 411px;
}

.moon__svg {
  width: 411px;
  height: 411px;
}

.moon__txt, .a42-ac-inv-contrast .moon__txt {
  font-family: "MonumentExtended-Ultrabold", sans-serif;
  font-size: 103px;
  line-height: 1;
  fill: black;
  letter-spacing: 2.1px;
}

.a42-ac-dys-font .moon__txt {
  font-family: "Open-Dyslexic", sans-serif;
}

.moon__txt-overlay, .a42-ac-inv-contrast .moon__txt-overlay {
  fill: rgba(255, 255, 255, 0.6);
}

.ilargia__img {
  left: 0;
  top: 327px;
  position: absolute;
  z-index: 100;
  opacity: 0;
  -moz-animation: anim 3s linear forwards 5s;
  -webkit-animation: anim 3s linear forwards 5s;
  -o-animation: anim 3s linear forwards 5s;
  -ms-animation: anim 3s linear forwards 5s;
  animation: anim 3s linear forwards 5s;
}

@keyframes anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.container_2 {
  top: 900px;
  position: absolute;
}

.container_2 div {
  position: absolute;
}

	
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img {  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}
/*---------- END RESET ----------*/


/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:100%;
	min-height:101%;
}
body{
	font-family:Georgia, "Times New Roman", serif;
	color:#666;
	background:/*url(images/grid.gif) top center repeat-y*/ #fff; /* Uncomment to display the grid */

}
#wrapper {
	width:100%;
	margin:0 auto;
	font-size:62.5%
}
#header{

}
/*NAVIGATION
-------------------------------------------------------- */
#nav{
	font-size:2rem;
}
#nav a{
	font-variant:small-caps;
	color:#000;
}
#nav a:hover{
	text-decoration:none;
}
#nav span{
	float:right;
	margin-top:-1.2rem;
}
/*FOOTER NAVIGATION
-------------------------------------------------------- */
#footer-nav{
	word-spacing:0.2rem;
}
#footer-nav a{
	color:#000;
	font-variant:small-caps;
}
/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic{
	border-top:0.5rem solid #666; /* The border at the top of each grid */
	float:left;
	padding-top:1rem;
	margin-bottom:2rem;
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
	clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* 220px */
.twotwenty{
	width:22rem;
	margin-right:2rem;
}
/* 280px */
.twoeighty{
	width:28rem;
	margin-right:2rem;
}
/* 340px */
.threeforty{
	width:34rem;
	margin-right:2rem;
}
/* 400px */
.fourhun{
	width:40rem;
	margin-right:2rem;
}
/* 460px */
.foursixty{
	width:46rem;
	margin-right:2rem;
}
/* 520px */
.fivetwenty{
	width:52rem;
	margin-right:2rem;
}
/* 580px */
.fiveeighty{
	width:58rem;
	margin-right:2rem;
}
/* 640px */
.sixforty{
	width:64rem;
	margin-right:2rem;
}
/* 700px */
.sevenhun{
	width:70rem;
	margin-right:2rem;
}
/* 760px */
.sevensixty{
	width:76rem;
	margin-right:2rem;
}
/* 820px */
.eighttwenty{
	width:82rem;
	margin-right:2rem;
}
/* 880px */
.eighteighty{
	width:88rem;
	margin-right:2rem;
}
/* 940px */
.nineforty{
	width:94rem;
}
@media (max-width: 42rem) { 
.nav-btn {

  width: 3rem;

  background-size: 50%;
  
}

.cnxr {
  top: 3rem;
}

	.nav-btn span {
clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
}
@media (max-width: 94rem) { 

#main {
	position: relative;
	background: #f9f7f1;
	margin: .4rem auto;
	padding: .4rem;
	width: 100%;
}
article {
	margin: .4rem;
}

.generic {
    margin-right: 10px !important;
    margin-left: 10px !important;
	padding-right: 10px;
    padding-left: 10px;
}
	/* 220px */
.twotwenty{
	width:80vw;
	margin-right:2rem;
}
/* 280px */
.twoeighty{
	width:80vw;
	margin-right:2rem;
}
/* 340px */
.threeforty{
	width:80vw;
	margin-right:2rem;
}
/* 400px */
.fourhun{
	width:80vw;
	margin-right:2rem;
}
/* 460px */
.foursixty{
	width:80vw;
	margin-right:2rem;
}
/* 520px */
.fivetwenty{
	width:80vw;
	margin-right:2rem;
}
/* 580px */
.fiveeighty{
	width:80vw;
	margin-right:2rem;
}
/* 640px */
.sixforty{
	width:80vw;
	margin-right:2rem;
}
/* 700px */
.sevenhun{
	width:80vw;
	margin-right:2rem;
}
/* 760px */
.sevensixty{
	width:80vw;
	margin-right:2rem;
}
/* 820px */
.eighttwenty{
	width:80vw;
	margin-right:2rem;
}
/* 880px */
.eighteighty{
	width:80vw;
	margin-right:2rem;
}
/* 940px */
.nineforty{
	width:80vw;
}
}
/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
.generic p{
	font-size:1.2rem;
	line-height:1.5rem;
	margin-bottom:1.5rem;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
	float:left;
	font-size:3rem;
	margin-top:-0.05rem;
	margin-right:0.1rem;
	margin-bottom:-0.5rem;
}
/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#000;
	font-size:3rem;
	margin-bottom:0.6rem;
	font-style:italic;
	line-height:3rem;
}
h2{
	color:#000;
	font-size:2rem;
	margin-bottom:0.9rem;
	line-height:1.9rem;
}
h3{
	color:#000;
	font-size:1.5rem;
	margin-bottom:1.2rem;
	line-height:1.5rem;
	font-variant:small-caps;
}
h4{
	color:#000;
	font-size:1.2rem;
	margin-bottom:1.5rem;
	line-height:1.5rem;
	font-variant:small-caps;
}
h5{
	color:#000;
	font-size:1rem;
	margin-bottom:1.8rem;
	line-height:1.8rem;
	font-variant:small-caps;
}
h6{
	color:#000;
	font-size:1rem;
	margin-bottom:1.8rem;
	line-height:1.8rem;
}
/*LINKS
-------------------------------------------------------- */
p a{
	color:#000;
}
p a:hover{
	text-decoration:none;
}
h1 a{
	color:#000;
}
h1 a:hover{
	text-decoration:none;
}
li a{
	color:#000;
}
li a:hover{
	text-decoration:none;
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p{
	font-size:1.2rem!important;
	line-height:1.5rem!important;
	margin-bottom:1.5rem!important;
	font-style:italic;
	font-weight:bold;
}
blockquote p cite{
	font-style:normal;
}
.generic strong{
	font-variant:small-caps;
}
.generic rem{
	font-style:italic;
	font-weight:inherit;
}
.amp{ /* Give those ampersands a right sexy look */
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
abbr{
	border-bottom:1px dotted #666;
	border-color:inherit;
	cursor:help;
}
.clear{
	clear:both;
}
.right-float{ /* Float any itrem to the right */
	float:right;
	margin-left:2rem;
	margin-right:0;
}
.left-float{ /* Float any itrem to the left */
	float:left;
	margin-right:2rem;
	margin-left:0;
}
.code{ /* Styling for and code type itrems */
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1rem;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img{
	font-size:1rem;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1rem;
	float:left;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8rem;
	margin-right:2rem;
	margin-top:0.3rem;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1rem;
	float:right;
	padding:4px;
	border:1px solid #ccc;
	margin-bottom:1.8rem;
	margin-left:2rem;
	margin-top:0.3rem;
}
/*CONTACT FORM STYLES
-------------------------------------------------------- */
#contact-form{
}
#contact-form label{
	width:10rem;
	float:left;
	margin-top:0.6rem;
}
#name, #form-email, #url, #location{
	width:42.7rem;
	height:20px;
	padding:3px;
	padding-top:5px;
	border:2px solid #666;
	margin-bottom:18px;
	background:#fff !important;
}
#comments{
	width:43.8rem;
	height:10rem;
	padding:3px;
	border:2px solid #666;
	margin-bottom:18px;
	overflow:auto;
	background:#fff !important;
}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, #form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus{
	border:2px solid #000;
}
#submit{
	clear:both;
	padding:5px;
	border:2px solid #666;
	background:#fff !important;
	cursor:pointer;
	margin-left:9rem;
}
#reset{
	clear:both;
	padding:3px;
	border:none;
	background:#f00 !important;
	cursor:pointer;
	float:right;
	color:#fff;
	margin-top:-28px;
}
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
#wrapper ul{
	margin-bottom:1.8rem;
	list-style:square inside;
}
#wrapper ul li{
	font-size:1.2rem;
	line-height:1.5rem;
}
#wrapper ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
	font-variant:small-caps;
	list-style:none;
	color:#000;
}
li > ul, li > ol{
	margin-bottom:0;
	margin-left:5rem;
}
li > ul li, li > ol li{
	font-size:1rem;
}
ol{
	margin-bottom:1.8rem;
	list-style:decimal inside;
}
ol li{
	font-size:1.2rem;
	line-height:1.5rem;
}
/*-------------------------------------------+
|                                            |
|               MISC. STYLES                 |
|                                            |
+-------------------------------------------*/


/*

	"I could eat a knob at night"
		-	Karl Pilkington

*/


/** begin **/

:root {
  --color_base: #FFF;
  --color_mag: #000;
  --color_ink: #EEE;
  --color_ink2: #222;
  --color_highlight: #FFFF00;
  --magazine: 66rem;
  --mag_col: 12rem;
  --gap: 1.25rem;
  --gap_half: calc(var(--gap) / 2);
  --border_sm: 1px;
  --border_md: 3px;
}
@media screen and (min-width: 32.5rem) {
  :root {
    --gap: calc(var(--magazine) / 24);
  }
}


@font-face {
  font-family: "MonumentExtended-Ultrabold";
  src: url("./MonumentExtended-Ultrabold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* latin-ext */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(./9Bt43C1KxNDXMspQ1lPyU89-1h6ONRlW45G056IkUwCybQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(./9Bt43C1KxNDXMspQ1lPyU89-1h6ONRlW45G056IqUwA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(./9Bt93C1KxNDXMspQ1lPyU89-1h6ONRlW45G056qRdhWDTFieFA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(./9Bt93C1KxNDXMspQ1lPyU89-1h6ONRlW45G056qRdhWNTFg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G07JIoSwQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G04pIo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./9Bt73C1KxNDXMspQ1lPyU89-1h6ONRlW45G8Wbc9eiWPVFw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./9Bt73C1KxNDXMspQ1lPyU89-1h6ONRlW45G8Wbc9dCWP.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

hgroup p {
	color: #000;
}

hgroup cite {
	font-size: 250%;
}



.moon, .moon__svg, .container__base, .container, .alpha-container, .o-grid__area-01  {
   
  transform: scale(80%);
}
.container__base   {
   transition-property:  transform-origin;
   transition-duration: 0.5s;
   transition-timing-function: ease;
   transform-origin: 239.5px 239.5px 0px !important; 

}



.o-profile #founder {

  text-decoration: none;
  cursor: text !important;
}

.alpha-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background: black url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png) repeat;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  width: 100%;
}

.container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content:center;
  position: relative;
  max-width: 479px;
  max-height: 479px;
  min-width: 479px;
  min-height: 479px;
  background: black;
  cursor: pointer;
  /*visibility: hidden;*/
}

.container__base, .a42-ac-inv-contrast .container__base, .a42-ac-high-contrast .container__base {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #0D100F !important;
}

.moon {
  position: relative;
  z-index: 1;
  width: 411px;
  height: 411px;
}

.moon__svg {
  width: 411px;
  height: 411px;
}

.moon__txt, .a42-ac-inv-contrast .moon__txt {
  font-family: "MonumentExtended-Ultrabold", sans-serif;
  font-size: 103px;
  line-height: 1;
  fill: black;
  letter-spacing: 2.1px;
}

.a42-ac-dys-font .moon__txt {
  font-family: "Open-Dyslexic", sans-serif;
}



.ilargia__img {
  left:0; 
  top: 327px; 
  position: absolute;
  z-index: 100;
  opacity:0;
    -moz-animation: anim 3s linear forwards 5s;
    -webkit-animation: anim 3s linear forwards 5s;
    -o-animation: anim 3s linear forwards 5s;
    -ms-animation: anim 3s linear forwards 5s;
    animation: anim 3s linear forwards 5s;
}



@keyframes anim {
  0%  {opacity:0;}
  100% {opacity:1;}
}

.container_2 {
  top: 900px;
  position: absolute;
}
.container_2 div {
  position:absolute;
}






@media screen and (min-width: 40.625rem) {
  p {
    font-size: 1.3rem;
  }
}
p:last-child {
  margin: 0;
}

::selection {
  background-color: #050930;
  color: #fff;
}

.a42-ac-high-contrast ::selection {
  background-color: var(--color_mag);
}

.a42-ac-inv-contrast ::selection {
  background-color: var(--color_highlight);
  color: #050930 !important;
}

.u-txt-center {
  text-align: center;
}
.top-5 {
  position:relative;
}
.c-heading {
  font-weight: normal;
  margin: 0;

}
.c-heading:not(.c-heading--03) {
  text-transform: uppercase;
}
body.a42-ac-dys-font, body.a42-ac-dys-font *, body.a42-ac-dys-font ~ .c-heading--01, body.a42-ac-dys-font ~ .c-heading--03, body.a42-ac-dys-font ~ .c-heading--05, .a42-ac-dys-font p {
  font-family: "Open-Dyslexic" !important;
}
body.a42-ac-default-font .c-heading--01, body.a42-ac-default-font .c-heading--03, body.a42-ac-default-font .c-heading--05 {
  font-family: "MonumentExtended-Ultrabold", sans-serif;
}
.a42-ac-dys-font .c-heading--01, .a42-ac-dys-font .c-heading--03, .a42-ac-dys-font .c-heading--05 {
  font-family: "Open-Dyslexic", sans-serif !important;
}

body:not(.a42-ac-dys-font) .c-heading--02, body:not(.a42-ac-dys-font)  .c-heading--04 {
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.2rem;
}
.a42-ac-dys-font .c-heading--02, .a42-ac-dys-font .c-heading--04 {
  font-family: "Open-Dyslexic", sans-serif !important;
  letter-spacing: 0.2rem;
}
.c-heading--01 {
  font-size: 1.5rem;
  line-height: 1.7;
  margin-top: -1.8rem;

}

.c-heading--01 abbr {
  text-transform: initial;
}
@media screen and (min-width: 32.5rem) {
  .c-heading--01 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 40.625rem) {
  .c-heading--01 {
    font-size: 1.5rem;
    
  }
}
.c-heading--02 {
  font-size: 1.2rem;
  line-height: 2.0;
}
label[for="widget7"] > span{
  color: var(--color_ink);
  background-color: var(--color_mag);
}

abbr[data-title] {
  border-bottom: 1px dotted currentColor;
  position: relative;
  cursor: help;
  letter-spacing: -0.1rem;
}
abbr[data-title]:before {
  content: attr(data-title);
  letter-spacing: 0.02rem;
  background: black;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: -20%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-20%);
  opacity: 0;
  padding: 2px 6px;
  transition: opacity 0.2s ease-in-out, top 0.3s ease-in-out;
  white-space: nowrap;
  z-index: 2;
}
abbr[data-title]:hover:before, abbr[data-title]:focus:before,label:focus-within abbr[data-title]:before {
  opacity: 1;
  top: -90%;
}
abbr[data-title]:hover:after, abbr[data-title]:focus:after, label:focus-within abbr[data-title] {
  content: "";
  background: black;
  height: 5px;
  position: absolute;
  top: -10px;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
  width: 10px;
  z-index: 1;
}
.a42-ac-default-contrast .o-profile__inner {
  color:black;
  background-color: white;
}
.a42-ac-inv-contrast .o-profile__inner {
  color:yellow;
  background-color: #000080 !important;;
}
.a42-ac-high-contrast .o-profile__inner {
  color:white;
  background-color: #343643;
}



.c-heading--03 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-top: calc(var(--gap_half) / -2);
  margin-bottom: calc(var(--gap_half) / 2);
  padding-bottom: 1rem;
}

@media screen and (max-width: 826px) {
 
  
 
  
  .o-grid__area-01 {
    left: -.2rem;
  }
  .o-grid {
    --minmax: 19rem;
  }

  .ilargia__img{
    
    transform: scale(60%);
    top: 275px;
    left:66px;
  }
}

@media screen and (min-width: 826.1px) {
  .moon, .moon__svg, .container__base, .container, .alpha-container {
    transform: scale(100%);
  }
  

  .ilargia__img{
    transform: scale(100%);
    top: 327px;
    
  }
}

@media screen and (min-width: 32.5rem) {
  .c-heading--03 {
    font-size: 1.7rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media screen and (min-width: 53.125rem) {
  .c-heading--03 {
    font-size: 2.2rem;
  }
}
.c-heading--04 {
  border-top: var(--border_sm) solid var(--color_ink);
  border-bottom: var(--border_sm) solid var(--color_ink);
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.3;
  padding: 0.3rem 0;
}
@media screen and (min-width: 32.5rem) {
  .c-heading--04 {
    font-size: 0.9rem;
  }
}
.c-heading--05 {
  font-size: 1.2rem;
  line-height: 1;
}

.o-grid {
  --minmax: var(--mag_col);
  max-width: var(--magazine);
  background-color: var(--color_mag);
  border-left: var(--border_sm) solid var(--color_ink);
  border-right: var(--border_sm) solid var(--color_ink);
  display: grid;
  grid-template: auto/var(--gap) repeat(2, 1fr) minmax(var(--minmax), 1fr) var(--gap);
  grid-template-areas: ". preheader preheader preheader ." ". header header header ." ". subheader subheader subheader ." ". profile profile profile ." ". content content content ." ". work-sample work-sample work-sample ." ". work-clients work-clients work-clients ." ". footer footer footer .";
  grid-column-gap: var(--gap);
  grid-row-gap: var(--gap_half);
  margin: 0 auto;
  padding-top: var(--gap);
  
}
.o-grid-card {
  --minmax: var(--mag_col);
  max-width: var(--magazine);

  display: grid;
  grid-template: auto/var(--gap) repeat(2, 1fr) minmax(var(--minmax), 1fr) var(--gap);
  grid-template-areas: ". header header header ." ". subheader subheader subheader ." ". profile profile profile ." ". content content content ." ". work-sample work-sample work-sample ." ". work-clients work-clients work-clients ." ". footer footer footer .";
  grid-column-gap: var(--gap_half);
  grid-row-gap: var(--gap_half);
  margin: 0 auto;
  
}

.o-grid-cardbis {
  --minmax: var(--mag_col);
  max-width: var(--magazine);

  
  margin: 3rem auto;
  
}

@media screen and (min-width: 60.625rem) {
  .o-grid {
    --minmax: 19rem;
    grid-template-areas: ". preheader preheader preheader .";
  }
  .o-grid-card {
    --minmax: 19rem;
    grid-template-areas:  ". header header header ." ". subheader subheader subheader ." ". content content profile ." ". work-sample work-sample profile ." ". work-clients work-clients work-clients ." ". footer footer footer .";
  }

  .o-grid-cardbis {
    --minmax: 19rem;
    grid-template-areas:  ". header ." ". subheader  ." ". worktalks ." ". footer .";
  }
}
.o-grid__area-00 {
  grid-area: preheader;
}
.o-grid__area-01 {
  grid-area: header;
}
.o-grid__area-02 {
  grid-area: subheader;
}
.o-grid__area-03 {
  grid-area: profile;
}
.o-grid__area-04 {
  grid-area: content;
}
.o-grid__area-05 {
  grid-area: work-sample;
}
.o-grid__area-05bis {
  grid-area: work-talks;
}
.o-grid__area-07 {
  grid-area: work-clients;
}
.o-grid__area-06 {
  grid-area: footer;
}

.o-header {
  border-top: var(--border_md) solid var(--color_ink);
  border-bottom: var(--border_md) solid var(--color_ink);
  padding: calc(var(--gap_half) / 4) 0;
  position: relative;
  z-index: 10;
}
.o-header:before {
  width: 100%;
  content: "";
  /*border-top: var(--border_sm) solid var(--color_ink);*/
  position: absolute;
  top: var(--border_md);
  left: 0;
}

.o-profile {
  position: relative;
}

.o-profile p {
  font-size: 0.9rem;
}
main h2, main h4, .o-grid__area-07 h2 {
  text-transform: uppercase;
  border-bottom: 1px dotted currentColor;
  font-size: 1.7rem;
  letter-spacing: .12rem;
}

@media screen and (max-width: 32.438rem) {
  .o-profile {
    margin-bottom: var(--gap_half);
  }
}
.o-profile:after {
  width: 100%;
  height: 100%;

  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23282724' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.a42-ac-default-contrast .o-profile__inner {
  background-color: white;
  color: var(--color_ink2);
}
.a42-ac-high-contrast .o-profile__inner {
  background-color: #343643 !important;
  color: white;
}
.a42-ac-inv-contrast .o-profile__inner {
  background-color: #000080 !important;
  color: yellow !important;
}
.o-profile__inner {

  padding: var(--gap);
  position: relative;
  z-index: 1;
}
.a42-ac-high-contrast .o-profile__inner,.a42-ac-high-contrast .o-profile, .a42-ac-high-contrast footer {
  color: white !important;
  background-color: #343643 !important;
}

.a42-ac-high-contrast .o-grid__area-02, .a42-ac-high-contrast .c-heading, .a42-ac-inv-contrast * .c-heading--01 {
  color: white !important;
  background-color: #343643 !important;
}
.a42-ac-high-contrast .o-profile__inner, .a42-ac-high-contrast .o-profile, .a42-ac-inv-contrast .o-grid__area-02, .a42-ac-inv-contrast .c-heading, .a42-ac-inv-contrast .c-heading--01, .a42-ac-high-contrast footer {
  color: var(--color_highlight) !important;
  background-color: #000080 !important;
}
@media screen and (min-width: 40.625rem) {
  .o-profile__inner {
    padding: var(--gap_half);
  }
}


.o-media__img {
	width: 100%;
	height: auto;
  
}


.o-media__caption {
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: var(--gap);
}
.a42-ac-dys-font .o-media__caption {
  font-family: "Open-Dyslexic", sans-serif;
}

@media screen and (min-width: 32.5rem) {
  .o-media__caption {
    margin-bottom: var(--gap_half);
  }
}
@media screen and (min-width: 40.625rem) {
  .o-media__caption {
    font-size: 1rem;
  }
}
.o-media__legend {
  border: 3px;
  border-style: solid;
  border-color: inherit;
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 0 var(--gap_half) 0.3rem;
}

.a42-ac-high-contrast .o-media__legend, .a42-ac-high-contrast .o-media__img {
  border-color: inherit !important;
  color: white !important;
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 0 var(--gap_half) 0.3rem;
}

.a42-ac-inv-contrast .o-media__legend, .a42-ac-inv-contrast .o-media__img {
  border-color: yellow !important;
  color: yellow !important;
  font-size: 0.8rem;
  line-height: 1.5;
  padding: 0 var(--gap_half) 0.3rem;
}




.a42-ac-dys-font .o-media__legend {
 
  font-family: "Open-Dyslexic", sans-serif;
  
}

.o-content {
 /* -moz-columns: var(--mag_col);
       columns: var(--mag_col);*/
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
}


form {
  transition: all 0.3s;
  transition-timing-function: ease;
}

.visually-hidden, .checkbox input, .radio input, .hidden-label span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

label, button {
  display: block;
  margin: 0 0 12px;
}

.icon, .select-field:after, .checkbox label:after, button[data-dojo-icon]:before {
  direction: ltr;
  display: inline-block;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  speak: none;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}



.a42-ac-modal button {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  color: #000;
  font-weight: bold;
  padding: 12px 20px;
  transition: background 0.3s ease-out;
}

button.icon-only {
  padding: 12px 14px;
}
button:hover, button:focus {
  background-color: #000;
  cursor: pointer;
  color: #fff;
  
}

button[data-dojo-icon]:before {
  content: attr(data-dojo-icon);
  margin: -3px 0 0 -6px;
  padding-right: 8px;
}
button[data-dojo-icon].icon-only:before {
  padding: 0;
  margin: 0;
}

fieldset {
  border: none;
  margin: 20px 0;
  padding: 0;
}

legend {
  display: block;
  font-size: 18px;
}

.checkbox, .radio {
  position: relative;
}
.checkbox label, .radio label {
  cursor: pointer;
  min-height: 18px;
  padding: 10px 0 10px 40px;
}
.checkbox label:before, .radio label:before {
  content: "";
  border: 3px solid #D5CEC6;
  height: 24px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 24px;
}
.checkbox input:focus ~ label:before, .radio input:focus ~ label:before {
  border-color: #72C2C1;
}

.checkbox label:after {
  content: "done";
  left: 3px;
  position: absolute;
  top: 7px;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.checkbox input:checked ~ label:after {
  transform: scale(1);
}

.radio label:before {
  border-radius: 50%;
}
.radio label:after {
  content: "";
  background-color: #D5CEC6;
  border-radius: 50%;
  content: "";
  height: 16px;
  left: 4.2px;
  position: absolute;
  top: 8.2px;
  transform: scale(0);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 16px;
}
.radio input:checked ~ label:after {
  transform: scale(1);
}

.text-field input, .text-field textarea {
  border: 2px solid #4C5B72;
  display: block;
  padding: 6px 12px;
  min-width: 100%;
  background-color: #D5CEC6;
  color: #000;
}
.text-field input:focus, .text-field textarea:focus {
  outline: 4px solid transparent;
  border-color: #72C2C1;
}

.select-field {
  display: inline-block;
  position: relative;
}
.select-field:before {
  background-color: #D5CEC6;
  bottom: 0;
  content: "";
  height: 36px;
  pointer-events: none;
  position: absolute;
  right: 0;
  width: 36px;
}
.select-field:after {
  bottom: 4px;
  color: #fff;
  content: "keyboard_arrow_down";
  pointer-events: none;
  position: absolute;
  right: 6px;
}
.select-field select {
  background-color: transparent;
  border: 3px solid #4C5B72;
  border-radius: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  padding: 6px 46px 6px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-field select:focus {
  border-color: #72C2C1;
}


.o-footer {
  margin: var(--gap_half) 0;
}
.o-footer p {
  line-height: 1.3;
  opacity: 0.8;
  word-break: break-all;
}
.a11y {
  float: right;
}
abbr, .siren {
   word-break: keep-all;
}
input:focus-visible, a:focus-visible, button:focus-visible, textarea:focus-visible {
  transition: all 0.6s;
  transition-timing-function: ease;
  border: 2px #e90000 dashed !important;
  padding: .1rem;
}

.o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;};
.o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;};
.o-footer .linkedin_icon svg {fill: white;}
.caprev {background-color: white}
.a42-ac-text-img .caprev {background-color: transparent !important}
.a42-ac-text-img .o-grid__area-05 .a42-ac-replace-style {color: black; border-color: black;}
.a42-ac-high-contrast .o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;};
.a42-ac-high-contrast .o-profile__inner .linkedin_icon svg {fill: white;};
.a42-ac-high-contrast .o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;};
.a42-ac-high-contrast.o-footer .linkedin_icon svg {color:white; fill: white;}
.a42-ac-high-contrast .cnxr, .caprev, .cnxr, .caprev {background-color: transparent}




 
.a42-ac-inv-contrast .o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;};
.a42-ac-inv-contrast .o-profile__inner .linkedin_icon svg {fill: yellow;};
.a42-ac-inv-contrast .o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;};
.a42-ac-inv-contrast.o-footer .linkedin_icon svg {color: yellow; fill: yellow;}
.caprev {background-color: white;}
.a42-ac-high-contrast .cnxr, .a42-ac-high-contrast .caprev {background-color: #343643 !important;}
.a42-ac-inv-contrast .cnxr, .a42-ac-inv-contrast .caprev {background-color: yellow !important;}

@media (prefers-reduced-motion: reduce) {
  .container, .moon, .container__base, .moon_svg {
    animation: none;
  }
  @keyframes anim {
  0%  {opacity:1;}
  100% {opacity:1;}
  }
}

.a42-ac-high-contrast .o-profile__inner, .a42-ac-high-contrast .o-footer {
  color: white !important;
  background-color: #343643 !important;
}

.a42-ac-high-contrast .o-grid__area-02, .a42-ac-high-contrast .c-heading, .a42-ac-inv-contrast * .c-heading--01 {
  color: white !important;
  background-color: #343643 !important;
}
.a42-ac-high-contrast .o-profile__inner, .a42-ac-inv-contrast .o-grid__area-02, .a42-ac-inv-contrast .c-heading, .a42-ac-inv-contrast .c-heading--01, .a42-ac-high-contrast .o-footer {
  color: var(--color_highlight) !important;
  background-color: #000080 !important;
}

#mykittenVideo {
  position:relative;
  right: 0;
  bottom: 0;
  width: 100%; 
  height:100%;
  z-index: -1;
}



#mykittenBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;

  
 z-index: 10;
}

#mykittenBtn:hover {
  background: #ddd;
  color: black;
}
.kittens {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 10;
 
}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  aspect-ratio: 16 / 9;
  background-color: transparent;
  width: 100%;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}


/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner,.flip-card:focus-within .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: white;
  color: black;
  transform: rotate(0deg);
}
.a42-ac-high-contrast .flip-card-front, .a42-ac-high-contrast my-card::part(front) {
  background-color: #343643 ;
   color: white;
  transform: rotate(0deg);
}
.a42-ac-inv-contrast .flip-card-front, .a42-ac-inv-contrast my-card::part(front) {
  background-color: #000080  ;
   color: yellow;
  transform: rotate(0deg);
}

/* Style the back side */
.flip-card-back {
  background-color: black;
  color: white;
  transform: rotateY(180deg);
}
.a42-ac-default-contrast .o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-default-contrast .o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-default-contrast .o-footer .linkedin_icon svg {fill: white;}
.a42-ac-default-contrast .caprev {background-color: white}
.a42-ac-high-contrast .o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-high-contrast #shadow-root #link1 {fill: white !important;};
.a42-ac-high-contrast .o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-high-contrast #shadow-root #link2 {fill: white !important;}
.a42-ac-high-contrast .cnxr, .caprev, .cnxr, .caprev {background-color: transparent}
.a42-ac-inv-contrast .o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-inv-contrast #shadow-root #link1 {fill: yellow !important;};
.a42-ac-inv-contrast #shadow-root .o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-inv-contrast #shadow-root #link2 {fill: yellow !important;}
.a42-ac-inv-contrast #shadow-root .cnxr, .a42-ac-inv-contrast #shadow-root .caprev {background-color: yellow}

.a42-ac-inv-contrast,
.a42-ac-inv-contrast *,
.a42-ac-inv-contrast a,
.a42-ac-inv-contrast #linked-ov1,.a42-ac-inv-contrast #linked-ov2,.a42-ac-inv-contrast #linked-ov3,.a42-ac-inv-contrast #linked-ov4 {
	background-color: #000080 !important;
	color: #FFFF00 !important;
}
.a42-ac-high-contrast,
.a42-ac-high-contrast *,
.a42-ac-high-contrast a,
.a42-ac-high-contrast #linked-ov1,.a42-ac-high-contrast #linked-ov2,.a42-ac-high-contrast #linked-ov3,.a42-ac-high-contrast #linked-ov4 {
  color: white !important;
  background-color: #343643 !important;
}
.a42-ac-high-contrast .o-media__img {
  border-color: inherit !important;
  color: white !important;
}

.a42-ac-inv-contrast .o-media__img {
  border-color: yellow !important;
  color: yellow !important;

}

cc-img{
	margin: 0 auto;
    display: block;
}

.linkedin_icon{
    display: inline;
    width: 2rem;
    height: auto;
    margin: auto 0;
}



 #founder, #linked-ov1, #linked-ov2, #linked-ov3, #linked-ov4, .link-card  {
  color:black;
}
.a42-ac-high-contrast #founder, .a42-ac-high-contrast #linked-ov1, .a42-ac-high-contrast #linked-ov2, .a42-ac-high-contrast #linked-ov3, .a42-ac-high-contrast #linked-ov4 {
  color:white;
  background-color: #343643;
}
.a42-ac-inv-contrast a#founder, .a42-ac-inv-contrast a#linked-ov1, .a42-ac-inv-contrast a#linked-ov2, .a42-ac-inv-contrast a#linked-ov3, .a42-ac-inv-contrast a#linked-ov4 {
  color: #FFFF00 !important;
}
.a42-ac-default-contrast my-card::part(card-white) {
 background-color: white;
}
.a42-ac-text-img my-card::part(cc-img), .a42-ac-text-img my-card2::part(cc-img) {
  display: none;
}
my-card::part(cc-img-text) {
  display: none;
}
.a42-ac-text-img my-card::part(cc-img-text) {
  border: 5px solid black !important;
	padding: .2em;
    z-index: 1;
    font-size: 1.02rem;
  display: block !important;
}

.a42-ac-default-contrast.a42-ac-text-img my-card::part(cc-img-text) {
    color: black;
}
.a42-ac-high-contrast.a42-ac-text-img my-card::part(cc-img-text) {
    color: white;
}
.a42-ac-inv-contrast.a42-ac-text-img my-card::part(cc-img-text) {
    color: yellow;
}
card-yellow-xr
.a42-ac-high-contrast my-card::part(card-white),.a42-ac-inv-contrast my-card::part(card-white) {
  background-color: transparent;
 }
.a42-ac-default-contrast my-card::part(card-black), .a42-ac-default-contrast my-card::part(link-black) {
  color: black !important;
 }
 a42-ac-inv-contrast my-card::part(card-black) {
  color: yellow !important;
 }
 a42-ac-high-contrast my-card::part(card-black) {
  color: white !important;
 }
 .a42-ac-inv-contrast my-card::part(card-link-yellow), .a42-ac-inv-contrast my-card2::part(card-link-yellow) {
  color: yellow !important;
 }
.a42-ac-default-contrast .xrnova{
  fill: white;
}
.a42-ac-high-contrast .xrnova{
  fill: white;
}
.a42-ac-default-contrast #black1, .a42-ac-default-contrast #black2, .a42-ac-default-contrast #black3 {
   fill: white;
 }
.a42-ac-default-contrast svg.xrnova,.a42-ac-default-contrast my-card2::part(card-yellow), .a42-ac-default-contrast svg#linkedin1,.a42-ac-default-contrast svg#linkedin2 {
  fill: white !important;
}

.a42-ac-default-contrast svg.xrnova,.a42-ac-default-contrast my-card::part(card-yellow-xr), .a42-ac-high-contrast my-card::part(card-yellow-xr), .a42-ac-default-contrast svg#linkedin1,.a42-ac-default-contrast svg#linkedin2 {
  fill: #000 !important;
}

.a42-ac-inv-contrast svg.xrnova,.a42-ac-inv-contrast my-card::part(card-yellow-xr) {
  fill: yellow !important;
}

.a42-ac-high-contrast svg.xrnova {
  fill: white !important;
}

.a42-ac-inv-contrast svg.xrnova,.a42-ac-inv-contrast svg#linkedin1,.a42-ac-inv-contrast svg#linkedin2 {
   fill: yellow !important;
}
.a42-ac-high-contrast #black1, .a42-ac-high-contrast #black2, .a42-ac-high-contrast #black3 {
   fill: white;
 }
 .a42-ac-default-contrast my-card::part(fill-black) {
  fill: black;
}
.a42-ac-high-contrast my-card::part(fill-black) {
  fill: white;
}
.a42-ac-inv-contrast my-card::part(fill-black) {
  fill: yellow;
}
 .a42-ac-inv-contrast my-card::part(card-yellow),.a42-ac-inv-contrast my-card2::part(card-yellow), .a42-ac-inv-contrast svg#linkedin1, .a42-ac-inv-contrast svg#linkedin2  {
   fill: yellow !important;
 }
 html body.a42-ac-dys-font, body.a42-ac-dys-font * {
  font-family: "Open-Dyslexic" !important;
}

.a42-ac-dys-font p {
  font-family: "Open-Dyslexic", sans-serif !important;
}
 
body.a42-ac-default-font my-card::part(font) {
  font-family: "MonumentExtended-Ultrabold", sans-serif !important;
}
body.a42-ac-dys-font my-card::part(font) {
  font-family: "Open-Dyslexic", sans-serif !important;
}




/*! AccessConfig | Access42 | accessconfig.a11y.fr */

/**
 ***************************
 * AccessConfig modal window
 ***************************
 */
@font-face {
    font-family: 'Open-Dyslexic';
    font-style: normal;
    font-weight: 400;
    src: local('Open-Dyslexic'), url('./open-dyslexic.woff') format('woff'),url('./opendyslexic-regular-webfont.woff2') format('woff2'),;
}

@font-face {
	font-family: 'Open-Dyslexic', sans-serif;
	src: url('./fonts/opendyslexic-regular-webfont.woff2') format('woff2'),
		 url('./fonts/opendyslexic-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
    font-display: swap;
}


#a42-ac {
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 3.8rem;
	right: 0;
	bottom: 0;
	left: 0;
	padding: .75rem 1.5rem 1.5rem;
	background-color: #000;
	border: 1px solid #fff;
	overflow: auto;
	font-size: 1rem;
	
	/* Hide AccessConfig by default */
	display: none;

	/* Access42 colors */
	color: #0b1b34;
}

	@media screen and (max-width: 29.9em) { 

		#a42-ac {
			border: 0;
			padding: .75rem;
		}
	}

#a42-ac,
#a42-ac *,
#a42-ac *::after,
#a42-ac *::before {
	box-sizing: border-box;
}

	@media screen and (min-width: 50em) {
		#a42-ac{
			width: 90%;
			top: 10%;
			left: 50%;
			right: auto;
			bottom: auto;
			margin-left: -45%;
		}			
	}

	@media screen and (min-width: 64em) {
		#a42-ac{
			width: 58.750em;
			margin-left: -29.375rem;
		}			
	}
	

/**
 * AccessConfig main title
 */
#a42-ac h1 {
	margin: 0 3rem 0 0;
	font-size: 1.75em;
	line-height: 1.3;

	
}


/**
 * Improved .sr-only
 * Copyright (c) 2019 by ffoodd (https://codepen.io/ffoodd/pen/gwKZyq)
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */
.skip-div {
	width: 100%;
	vertical-align: middle;
	padding: auto;
}

.skip {
    z-index: 100000;
    position: absolute !important;
    top: 0px;
    background-color: #000;
    left: 0;
    font-size: 1.2em;
    padding: 7px 5px !important;
    text-decoration: none !important;
    color: #fff;
    width: 100% !important;
    min-height: 5.7rem !important;
    line-height: 5.3rem;
    text-align: center;
	vertical-align: middle;
}

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

.sr-only-focusable:focus {
	clip: auto !important;
	-webkit-clip-path: none !important;
	clip-path: none !important;
	height: auto !important;
	margin: auto !important;
	overflow: visible !important;
	width: 100% !important;
	white-space: normal !important;
}


/**
 * AccessConfig close button
 */
#a42-ac-close {
	position: absolute;
	top: .3rem;
    right: .3rem;
    width: 3rem;
    height: 3rem;
	cursor: pointer;
	border: 0;
}

.a42-ac-default-contrast #a42-ac-close {
	overflow: hidden;
  background-color: #fff !important;
}

.a42-ac-high-contrast #a42-ac-close{
	overflow: hidden;
    background-color: #323443;
}

#a42-ac-close::after {
	content: '';
	position: absolute;
	top: 25%;
    left: 50%;
    display: block;
    margin-left: -.75rem;
    width: 1.5rem;
    height: 1.5rem;
	background: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjQgNC4yLTQuMS00LjFoLS4xbC03LjggNy43LTcuOC03LjhoLS4xbC00LjEgNC4xIDcuOSA3LjktNy45IDcuOCA0LjEgNC4yaC4xbDcuOC03LjggNy44IDcuN2MwIC4xIDAgLjEuMSAwbDQuMS00LjEtNy44LTcuOHoiIGZpbGw9IiMzMTQ4NmUiLz48L3N2Zz4=') no-repeat 50% 50%;
}


#a42-ac-close:hover,
#a42-ac-close:focus,
#a42-ac-close:active {

	background-color: transparent ;
  filter: inv();
  
}


/**
 * AccessConfig forms
 */

/* First, some normalize.css imports */
#a42-ac button,
#a42-ac input,
#a42-ac optgroup,
#a42-ac select,
#a42-ac textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

#a42-ac button,
#a42-ac input {
	overflow: visible;
}

#a42-ac button,
#a42-ac select {
	text-transform: none;
}

#a42-ac button,
#a42-ac [type="button"],
#a42-ac [type="submit"] {
	-webkit-appearance: button;
}

#a42-ac button::-moz-focus-inner,
#a42-ac [type="button"]::-moz-focus-inner,
#a42-ac [type="reset"]::-moz-focus-inner,
#a42-ac [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

#a42-ac button:-moz-focusring,
#a42-ac [type="button"]:-moz-focusring,
#a42-ac [type="reset"]:-moz-focusring,
#a42-ac [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

#a42-ac legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

.a42-ac-high-contrast legend {
	box-sizing: border-box;
	color: white !important;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

#a42-ac [type="checkbox"],
#a42-ac [type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/* Then, AccessConfig custom styles */
#a42-ac fieldset {
	margin: 1em 0 0 0;
	padding: 1em .5em 1em 1em;
	border-width: 0 0 0 .625em;
	border-style: solid;

	/* Access42 colors */
	border-color: #cedae6;
	background-color: #e3ebf2;
}

.a42-ac-high-contrast fieldset {
	margin: 1em 0 0 0;
	padding: 1em .5em 1em 1em;
	border-width: 0 0 0 .625em;
	border-style: solid;

	/* Access42 colors */
	border-color: #cedae6;
	background-color: #343643 !important;
  color: white !important;
}

	@media screen and (min-width: 50em) {

		#a42-ac .a42-ac-content {
			display: flex;
			align-items: flex-start;
			flex-wrap: wrap;
		}

		#a42-ac fieldset {
			width: 45%;
			width: calc(50% - .5em);
			align-self: stretch;
		}

		#a42-ac fieldset:nth-child(odd) {
			clear: left;
			margin-right: .5em;
		}

		#a42-ac fieldset:nth-child(even) {
			margin-left: .5em;	
		}
	}

	@media screen and (max-width: 29.9em) { 

		#a42-ac fieldset {
			font-size: .875em; /* 14px */
			padding: .5em;
			border-left-width: .357em;
		}
	}

#a42-ac legend {
	float: left;
	width: 100%;
	margin: 0;
	padding-bottom: .364em;
	font-weight: bold;
	font-size: 1.375em;

	/* Access42 colors */
	color: #0b1b34;
}

#a42-ac legend + *:first-child {
	clear: left;
}

#a42-ac label {
	margin: 0 1em .533em .5em;
	padding-top: .067em;
	padding-bottom: .067em;
	font-size: 0.938em; /* 15px */
	line-height: 1.6;
}

/* Fake radios */
#a42-ac input[type="radio"]
{
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

#a42-ac input[type="radio"] + label {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
	padding-left: 2.267em;
}

#a42-ac input[type="radio"] + label::after,
#a42-ac input[type="radio"] + label::before {
	content: '';
	position: absolute;
	display: block;
	border-radius: 100%;
}

#a42-ac input[type="radio"] + label::after
{
	top: .33334em; /* 5px */
	left: .33334em; /* 5px */
	width: .933em; /* 14px */
	height: .933em; /* 14px */
	transition: all 0.2s;

	/* Access42 colors */
	background-color: #31486e;
}

#a42-ac input[type="radio"] + label::before {
	top: 0;
	left: 0;
	width: 1.6em; /* 24px */
	height: 1.6em; /* 24px */
	border-width: .2em;
	border-style: solid;

	/* Access42 colors */
	border-color: #a0b0bd;
	background-color: #f9fcff;
}

	@media screen and (max-width: 29.9em) { 

		#a42-ac input[type="radio"] + label::after {
			top: .357em;
			left: .357em;
			width: 1em;
			height: 1em;
		}

		#a42-ac input[type="radio"] + label::before {
			width: 1.714em;
			height: 1.714em;
		}
	}

#a42-ac input[type="radio"]:focus + label {
	outline: 1px dotted;
}

#a42-ac input[type="radio"]:checked + label::before {
	/* Access42 colors */
	border-color: #31486e;
}

#a42-ac input[type="radio"]:not(:checked) + label::after {
	opacity: 0;
	-webkit-transform: scale(0); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
		-ms-transform: scale(0); /* IE 9 */
			transform: scale(0); /* IE 10, Fx 16+, Op 12.1+ */
}

#a42-ac input[type="radio"]:disabled + label {
	opacity: .5;
}

#a42-ac input[type="radio"]:disabled + label:hover {
	cursor: not-allowed;
}


/**
 *****************************
 * When AccessConfig is active
 *****************************
 */
body.a42-ac-active {
	overflow: hidden;
}


/**
 ***************************
 * AccessConfig page overlay
 ***************************
*/
.a42-ac-overlay {
	position: fixed; /* could also be absolute */ 
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(11,27,52,0.8);
	z-index: 98;
	display: none;
}

.a42-ac-active .a42-ac-overlay{
	display: block;
}

.a42-ac-inv-contrast .a42-ac-overlay {
	background-color: rgba(0,13,99,0.8) !important;
}

.a42-ac-high-contrast .a42-ac-overlay {
	background-color: rgba(32,33,41,0.8) !important;
}


/**
 ******************************************
 * AccessConfig accessibility user settings
 ******************************************
 */

/**
 * Common styles to enforced and inverted contrasts
 */

/* Cancel background images and image borders which may cause contrast problems */
.a42-ac-high-contrast *,
.a42-ac-inv-contrast *,
.a42-ac-high-contrast *::after,
.a42-ac-inv-contrast *::after,
.a42-ac-high-contrast *::before,
.a42-ac-inv-contrast *::before {
	border-image: none !important;
	text-shadow: none !important;
}

/* Let SVG elements adapt to the chosen color scheme */
.a42-ac-high-contrast path,
.a42-ac-high-contrast polygon,
.a42-ac-inv-contrast path,
.a42-ac-inv-contrast polygon
 {
	fill: currentColor;
}

/* Add a border on form elements when custom contrasts are on */
.a42-ac-high-contrast input,
.a42-ac-high-contrast textarea,
.a42-ac-high-contrast select,
.a42-ac-high-contrast form button,
.a42-ac-inv-contrast input,
.a42-ac-inv-contrast textarea,
.a42-ac-inv-contrast select,
.a42-ac-inv-contrast form button{
	border-width: 1px !important;
	border-style: solid !important;
}

/* Change color of ::first-letter pseudo-elements if needed */
.a42-ac-high-contrast *::first-letter,
.a42-ac-inv-contrast *::first-letter{
	color: inherit !important;
}

/* input[type="range"] */
.a42-ac-high-contrast input[type="range"],
.a42-ac-inv-contrast input[type="range"]{
	border: 0 !important;
}

.a42-ac-high-contrast input[type="range"]::-webkit-slider-thumb,
.a42-ac-inv-contrast input[type="range"]::-webkit-slider-thumb {
	margin-top: -.25em; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
}

	@supports (-ms-ime-align: auto) { /* Dirty hack to target Edge only */
		.a42-ac-high-contrast input[type="range"]::-webkit-slider-thumb,
		.a42-ac-inv-contrast input[type="range"]::-webkit-slider-thumb {
			margin-top: 0;
		}
	}

.a42-ac-high-contrast input[type="range"]::-webkit-slider-runnable-track,
.a42-ac-inv-contrast input[type="range"]::-webkit-slider-runnable-track {
	height: 0.313em;
}


/**
 * Enforced contrast (.a42-ac-high-contrast)
 */
.a42-ac-high-contrast,
.a42-ac-high-contrast *
.a42-ac-high-contrast a {
	background-color: #343643 !important;
	color: white !important;
}

.a42-ac-high-contrast,
.a42-ac-high-contrast *,
.a42-ac-high-contrast *::before,
.a42-ac-high-contrast *::after{
	border-color: white !important;
}

.a42-ac-high-contrast #a42-ac-close::after {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjQgNC4yLTQuMS00LjFoLS4xbC03LjggNy43LTcuOC03LjhoLS4xbC00LjEgNC4xIDcuOSA3LjktNy45IDcuOCA0LjEgNC4yaC4xbDcuOC03LjggNy44IDcuN2MwIC4xIDAgLjEuMSAwbDQuMS00LjEtNy44LTcuOHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');
}

.a42-ac-high-contrast #a42-ac input[type="radio"] + label::before {
	border-color: #f9fcff !important;
	background-color: transparent !important;
}

.a42-ac-high-contrast #a42-ac input[type="radio"] + label::after
{
	background-color: #f9fcff !important;
}

/* Add a border on form elements when high contrast is on */
.a42-ac-high-contrast input,
.a42-ac-high-contrast textarea,
.a42-ac-high-contrast select{
	border-color: #f9fcff !important;
	color: inherit !important;
}

/* High contrast placeholder */
.a42-ac-high-contrast *::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: white !important;
}

.a42-ac-high-contrast *::-moz-placeholder { /* Firefox 19+ */
	color: white !important;
	opacity: 1 !important;
}

.a42-ac-high-contrast *:-ms-input-placeholder { /* IE 10+ */
	color: white !important;
}

.a42-ac-high-contrast *:-moz-placeholder { /* Firefox 18- */
	color: white !important;
	opacity: 1 !important;
}

/* High contrast for input[type="date"] */
.a42-ac-high-contrast *::-webkit-datetime-edit-text { 
	color: white !important;
}

.a42-ac-high-contrast *::-webkit-datetime-edit-month-field { 
	color: white !important;
}

.a42-ac-high-contrast *::-webkit-datetime-edit-day-field { 
	color: white !important;
}

.a42-ac-high-contrast *::-webkit-datetime-edit-year-field { 
	color: white !important;
}

.a42-ac-high-contrast ::-webkit-calendar-picker-indicator { 
	background: #343643 !important;
}

/* High contrast for input[type="range"] */
.a42-ac-high-contrast input[type="range"]::-webkit-slider-runnable-track { /* Webkit */
	background: white !important;
}

.a42-ac-high-contrast input[type="range"]::-moz-range-track {  /* Firefox */
	background: white !important;
}
.a42-ac-high-contrast input[type="range"]::-moz-range-thumb {
	background: black !important;
	border: .15em solid white !important;
}

.a42-ac-high-contrast input[type="range"]::-ms-fill-lower {  /* IE/Edge */
	background: white !important;
}
.a42-ac-high-contrast input[type="range"]::-ms-fill-upper {
	background: white !important;
}
.a42-ac-high-contrast input[type="range"]:focus::-ms-fill-lower {
	background: white !important;
}
.a42-ac-high-contrast input[type="range"]:focus::-ms-fill-upper {
	background: white !important;
}

.a42-ac-high-contrast input[type="range"]::-ms-thumb {
	background: black !important;
	border: .15em solid white !important;
}


/**
 * Inverted contrast (.a42-ac-inv-contrast)
 */
.a42-ac-inv-contrast,
.a42-ac-inv-contrast *,
.a42-ac-inv-contrast a,
.a42-ac-inv-contrast #linked-ov1,.a42-ac-inv-contrast #linked-ov2,.a42-ac-inv-contrast #linked-ov3,.a42-ac-inv-contrast #linked-ov4 {
	background-color: #000080 !important;
	color: #FFFF00 !important;
}

.a42-ac-inv-contrast,
.a42-ac-inv-contrast *,
.a42-ac-inv-contrast *::before,
.a42-ac-inv-contrast *::after{
	border-color: #FFFF00 !important;
}

.a42-ac-inv-contrast #a42-ac-close::after {
	background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjQgNC4yLTQuMS00LjFoLS4xbC03LjggNy43LTcuOC03LjhoLS4xbC00LjEgNC4xIDcuOSA3LjktNy45IDcuOCA0LjEgNC4yaC4xbDcuOC03LjggNy44IDcuN2MwIC4xIDAgLjEuMSAwbDQuMS00LjEtNy44LTcuOHoiIGZpbGw9IiNmZjAiLz48L3N2Zz4=');
}

.a42-ac-inv-contrast #a42-ac input[type="radio"] + label::before {
	border-color: #FFFF00 !important;
	background-color: transparent !important;
}

.a42-ac-inv-contrast #a42-ac input[type="radio"] + label::after
{
	background-color: #FFFF00 !important;
}

/* Add a border on form elements when high contrast is on */
.a42-ac-inv-contrast input,
.a42-ac-inv-contrast textarea,
.a42-ac-inv-contrast select{
	border-color: #FFFF00 !important;
}

/* Inverted contrast placeholder */
.a42-ac-inv-contrast *::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #FFFF00 !important;
}

.a42-ac-inv-contrast *::-moz-placeholder { /* Firefox 19+ */
	color: #FFFF00 !important;
	opacity: 1 !important;
}

.a42-ac-inv-contrast *:-ms-input-placeholder { /* IE 10+ */
	color: #FFFF00 !important;
}

.a42-ac-inv-contrast *:-moz-placeholder { /* Firefox 18- */
	color: #FFFF00 !important;
	opacity: 1 !important;
}

/* Inverted contrast for input[type="date"] */
.a42-ac-inv-contrast *::-webkit-datetime-edit-text { 
	color: #FFFF00 !important;
}

.a42-ac-inv-contrast *::-webkit-datetime-edit-month-field { 
	color: #FFFF00 !important;
}

.a42-ac-inv-contrast *::-webkit-datetime-edit-day-field { 
	color: #FFFF00 !important;
}

.a42-ac-inv-contrast *::-webkit-datetime-edit-year-field { 
	color: #FFFF00 !important;
}

.a42-ac-inv-contrast ::-webkit-calendar-picker-indicator { 
	background: #000080 !important;
}

/* Inverted contrast for input[type="range"] */
.a42-ac-inv-contrast input[type="range"]::-webkit-slider-runnable-track {
	background: #FFFF00 !important;
}

.a42-ac-inv-contrast input[type="range"]::-moz-range-track {  /* Firefox */
	background: #FFFF00 !important;
}
.a42-ac-inv-contrast input[type="range"]::-moz-range-thumb {
	background: #000080 !important;
	border: .15em solid #FFFF00 !important;
}

.a42-ac-inv-contrast input[type="range"]::-ms-fill-lower {  /* IE/Edge */
	background: #FFFF00 !important;
}
.a42-ac-inv-contrast input[type="range"]::-ms-fill-upper {
	background: #FFFF00 !important;
}
.a42-ac-inv-contrast input[type="range"]:focus::-ms-fill-lower {
	background: #FFFF00 !important;
}
.a42-ac-inv-contrast input[type="range"]:focus::-ms-fill-upper {
	background: #FFFF00 !important;
}

.a42-ac-inv-contrast input[type="range"]::-ms-thumb {
	background: #000080 !important;
	border: .15em solid #FFFF00 !important;
}




/**
 * Dyslexia font 
 */




body.a42-ac-dys-font,
body.a42-ac-dys-font *{
	font-family: 'Open-Dyslexic' !important;
}


/** 
 * Dyslexia line-spacing 
 */
.a42-ac-dys-spacing,
.a42-ac-dys-spacing *{
	line-height: 2 !important;
}


/**
 * Dyslexia justification 
 */
.a42-ac-cancel-justification,
.a42-ac-cancel-justification *{
	text-align: justify !important;
}


/**
 * Replace images by their alternatives 
 */
.a42-ac-replace-style{
	border: 2px solid !important;
	padding: .2em;
    z-index: 1;
    font-size: .7rem;
}



/**
* Cards
*/
.meow {
  transform: translate(0px, -1.3rem);
}

.cards > ul {
    list-style: none;
}

.card + .card {
    margin-top: 1.5rem;
}

@supports (display: grid) {
    .cards > ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
        grid-column-gap: 1.5rem;
        grid-row-gap:1.5rem;
    }

    .card + .card {
        margin-top: 0;
    }
}

@media screen and (min-width: 1170px) { 
  .cards > ul {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
    grid-column-gap: 1.5rem;
    grid-row-gap:1.5rem;
}

}

.card {
   
}

.card .text {
    padding: 1rem;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

.card p {
    max-width: 50ch;
}

.card .img {
    height: 10rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 1rem));
}

.card .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card a {
    outline: none;
}

.card h2 {
  font-size: 1.5rem !important;
}

.card a {
   color: #000;
    text-decoration: none !important;
}

.card a:focus {
    text-decoration: underline;
}

.card:focus-within ~ .cta {
    box-shadow: 0 0 0 0.125rem;
}

.card:focus-within h2 a:focus {
    text-decoration: none;
}

.card small {
    display: block;
    text-align: right;
}

.card small a {
    position: relative;
    padding: 0.5rem 0;
}

.card small a:hover,
.card small a:focus {
    font-weight: bold;
}

.card .text > * + * {
    margin-top: 0.75rem;
}

.card .text > :nth-last-child(3) {
    margin-bottom: 0.75rem;
}

.card .text > :nth-last-child(2) {
    margin-top: auto;
    padding-top: 0.75rem;
}

.cta {
    padding: 0.75rem;
    border: 1px solid;
    border-radius: 0.25rem;
    text-align: center;
	font-size: 1rem;
}



.a42-ac-default-contrast .o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-default-contrast .o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-default-contrast .o-footer .linkedin_icon svg {fill: white;}
.a42-ac-default-contrast .caprev {background-color: white}
.a42-ac-high-contrast .o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-high-contrast #link1 {fill: white !important;};
.a42-ac-high-contrast .o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-high-contrast #link2 {fill: white !important;}
.a42-ac-high-contrast .cnxr, .caprev, .cnxr, .caprev {background-color: transparent}
.a42-ac-inv-contrast .o-profile__inner .linkedin_icon {display:inline;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-inv-contrast #link1 {fill: yellow !important;};
.a42-ac-inv-contrast .o-footer .linkedin_icon svg {display:inline-block;width: 2rem;height: auto;margin: auto 0;}
.a42-ac-inv-contrast #link2 {fill: yellow !important;}
.a42-ac-inv-contrast .cnxr, .a42-ac-inv-contrast .caprev {background-color: yellow}

#a42-ac fieldset {

    border-width: 0 0 0 .625em;
    border-style: solid;
    border-color: #2c2c2c !important;
    background-color: #cccccc !important;
}

.a42-ac-high-contrast #a42-ac fieldset {

    border-width: 0 0 0 .625em;
    border-style: solid;
    border-color: #2c2c2c !important;
    background-color: #343643 !important;
}

.a42-ac-inv-contrast #a42-ac fieldset {

    border-width: 0 0 0 .625em;
    border-style: solid;
    border-color: #2c2c2c !important;
    background-color: #000080 !important;
}

#founder {
	color: #000;

	
}

.a42-ac-high-contrast #masthead, .a42-ac-inv-contrast #masthead {

    
    background-image: none;
    
}
.a42-ac-inv-contrast svg, .a42-ac-inv-contrast svg {
    fill: black !important; 
}

.a42-ac-inv-contrast .blanc, .a42-ac-inv-contrast .blanc img {
    background-color: yellow !important;
}
.a42-ac-high-contrast .blanc, .a42-ac-high-contrast .blanc img {
    background-color: white !important;
}
.redital {
	font-style: italic;
	font-weight: 900;
	color: #e90000;
}

.a42-ac-inv-contrast .nav-btn {
	
	background: transparent url("../img/nav-icon-yellow.svg") left center no-repeat;
	
}

.a42-ac-high-contrast .nav-btn {
	
	background: transparent url("../img/nav-icon-white.svg") left center no-repeat;
	
}

.a42-ac-high-contrast .nav-btn span {
	background-color: transparent !important;
}

.a42-ac-inv-contrast .nav-btn span {
	background-color: transparent !important;
}

.a42-ac-high-contrast footer {
    background-color: #343643 !important;
    /* background-color: #000080 !important; */
}
#nav li.is-active:after {
		z-index: 50;
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: -0.031rem;
		margin-top: -0.625rem;
		border-top: 0.625rem transparent solid;
		border-bottom: 0.625rem transparent solid;
		border-right: 0.625rem white solid;
	}

.a42-ac-high-contrast .caprev {
    background-color: white !important;
}

#a42-ac input[type="radio"] + label {
    color: black;
}

#a42-ac {
        background-color: black !important;
        color: white;
}
#a42-ac h1 {
    color: white !important;
}
.a42-ac-overlay {

    background-color: rgba(50, 50, 50, 0.8) !important;

}
.a42-ac-high-contrast #a42-ac {
        background-color: #343643 !important;
        color: white;
}
.a42-ac-inv-contrast #a42-ac {
        background-color: #000080 !important;
        color: yellow;
}
.a42-ac-inv-contrast #a42-ac h1 {
    color: yellow !important;
}

.btn-conf {
	color: #000;
    text-decoration: none !important;
}
.red {
	border-color: #e90000;
	border-width: 3px;
}
main img {
	max-inline-size: 100%;
  block-size: auto;
}

#scroll-to-top-btn {
  position: fixed;
  bottom: 2rem;
  right: 1rem;
  text-decoration: none;
  color: white;
  background-color: black;
  display: grid;
  place-items: center;
  width: 2.5rem;
  aspect-ratio: 1;
  border-radius: 5px;
  opacity: 0;
  z-index: 100000;
  animation: showButton linear forwards;
  animation-timeline: view();
  animation-range-start: calc(100vh + var(10vh));
  animation-range-end: calc(
    100vh + var(10vh) + var(150px)
  );

  & > span {
    font-weight: bold;
    font-size: 2rem;
  }
}

.a42-ac-high-contrast #scroll-to-top-btn, .a42-ac-high-contrast #scroll-to-top-btn span {
	background-color: white !important;
	color: black !important;
}

.a42-ac-inv-contrast #scroll-to-top-btn, .a42-ac-inv-contrast #scroll-to-top-btn span {
	background-color: yellow !important;
	color: #000080 !important;
}

@keyframes showButton {
  from {
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
  }
}
.ray  {
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23282724' fill-opacity='.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  
}

#calligraphy {
	position: relative;
	
}



.dash {
	opacity:0;
	fill: #0a0a0a;
 	stroke-dasharray: 9768;
 	stroke-dashoffset: 0;
 	animation: dash 16s linear;
 	animation-delay: 2s;
	animation-fill-mode:forwards;
 }

@keyframes dash {
  0% { 
  	fill:transparent;
    opacity: 1;
    stroke-dashoffset: 9768;
  }
  60% {
  	fill: transparent;
    opacity: 1;
    stroke-dashoffset: 0;
  }
  100% {
  	opacity:0.7;
  	fill:#FAFAFA;
  }
}
#wcag {
	width: 125px;
	height: 59px;
}
.a42-ac-inv-contrast #wcag {
	background-color: #000080 !important;
}

.a42-ac-inv-contrast #wcag g {
	fill: yellow !important;
}

.flip-card-back .a42-ac-replace-style {
	font-size: 1.2rem;
	display: block;
	line-height: 1.2rem;
	margin: .5 auto;
}
#bg-black{background-color: black;text-align: center; padding: 24px;overflow: hidden;color: white !important;"}
body #bg-black a span.a42-ac-replace-style , #bg-black a span {color: white !important;}



#accessconfig::before{
	content: url("data:image/svg+xml,%3csvg%20aria-hidden='true'%20id='icon-a11y'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:none;}%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M50,4.94A45.06,45.06,0,1,0,95.06,50,45.16,45.16,0,0,0,50,4.94Zm.21,13.83a6.91,6.91,0,1,1-6.91,6.91A6.91,6.91,0,0,1,50.21,18.77ZM71.08,38.64,55.89,43.21a1.9,1.9,0,0,0-1.23,1.85,77.39,77.39,0,0,0,.86,9.75c1.24,5.68,8,21.24,8,21.24a3.56,3.56,0,0,1-1.73,4.81,3.27,3.27,0,0,1-1.48.37,3.55,3.55,0,0,1-3.21-2L50.21,64.32,42.93,79.14a3.36,3.36,0,0,1-3.21,2.09,3.21,3.21,0,0,1-1.48-.37,3.65,3.65,0,0,1-1.73-4.81s6.79-15.56,8-21.24a77.32,77.32,0,0,0,.87-9.75,1.77,1.77,0,0,0-1.24-1.85L29,38.64a3.56,3.56,0,0,1-2.47-4.57,3.75,3.75,0,0,1,4.57-2.22S45,36.3,50,36.3,69.1,31.73,69.1,31.73a3.59,3.59,0,1,1,2,6.91Z'/%3e%3cpath%20d='M69.1,31.73S55,36.3,50,36.3s-18.88-4.45-18.88-4.45a3.75,3.75,0,0,0-4.57,2.22A3.56,3.56,0,0,0,29,38.64l15.18,4.57a1.77,1.77,0,0,1,1.24,1.85,77.32,77.32,0,0,1-.87,9.75c-1.23,5.68-8,21.24-8,21.24a3.65,3.65,0,0,0,1.73,4.81,3.21,3.21,0,0,0,1.48.37,3.36,3.36,0,0,0,3.21-2.09l7.28-14.82,6.92,14.94a3.55,3.55,0,0,0,3.21,2,3.27,3.27,0,0,0,1.48-.37,3.56,3.56,0,0,0,1.73-4.81s-6.79-15.56-8-21.24a77.39,77.39,0,0,1-.86-9.75,1.9,1.9,0,0,1,1.23-1.85l15.19-4.57a3.59,3.59,0,1,0-2-6.91Z'/%3e%3cpath%20d='M50.21,32.59a6.91,6.91,0,1,0-6.91-6.91A6.91,6.91,0,0,0,50.21,32.59Z'/%3e%3cpath%20d='M50,0a50,50,0,1,0,50,50A50,50,0,0,0,50,0Zm0,95.06A45.06,45.06,0,1,1,95.06,50,45.16,45.16,0,0,1,50,95.06Z'/%3e%3c/svg%3e") no-repeat 50% 50%;
    background-color: red;
    -webkit-mask-size: contain;
    mask-size: contain;
    display: block;
    height: 3rem;
    width: 2.5rem;
    margin-right: .5rem
}