@charset "UTF-8";

/******************************************************************************/
/* Reset                                                                      */
/******************************************************************************/

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

/******************************************************************************/
/* Colors                                                                     */
/******************************************************************************/

:root
{
	--blue_1: #1a456b;
	--blue_2: #296ca8;
	--blue_3: #4992d3;
	--blue_4: #85b7e2;
	--blue_5: #c2dbf0;
	--blue_6: #edf4fb;
}

/******************************************************************************/
/* Font                                                                       */
/******************************************************************************/

@font-face
{
	font-family: "Neuropol";
	src: url("../font/Neuropol.otf") format("opentype");
}

/******************************************************************************/
/* RESIL-AV                                                                   */
/******************************************************************************/

#resilav
{
	display: flex;
	height: 80px;
}

#resilav div { height: 100%; }
#resilav div:nth-child(1) { background-color: var(--blue_1); flex-grow: 6; }
#resilav div:nth-child(2) { background-color: var(--blue_2); flex-grow: 5; }
#resilav div:nth-child(3) { background-color: var(--blue_3); flex-grow: 4; }
#resilav div:nth-child(4) { background-color: var(--blue_4); flex-grow: 3; }
#resilav div:nth-child(5) { background-color: var(--blue_5); flex-grow: 2; }
#resilav div:nth-child(6) { background-color: var(--blue_6); flex-grow: 1; }

#resilav h1
{
	color: white !important;
	font-family: "Neuropol" !important;
	font-size: 32px !important;
	font-weight: bold !important;
	letter-spacing: 0.2em !important;
	line-height: 80px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	text-align: center !important;
	width: 320px !important;
}

.Resilav
{
	font-family: "Neuropol" !important;
	letter-spacing: 0.1em !important;
}

/******************************************************************************/