html {
	font-size: 62.5%;
}
:root {
	--small-space: 10px;
	--medium-space: calc(var(--small-space) * 3);
	--big-space: calc(var(--small-space) * 10);
}
body {
	overflow-x: hidden;
}
script, style {
	display: none;
}
pre {
	margin: 10px 0px;
}


/*
	grid
*/

#personnal_infos { grid-area: infos;   }
#role_title      { grid-area: title;   }
#cv_infos        { grid-area: cv;      }
#mouse_1         { grid-area: mouse_1; }
#mouse_2         { grid-area: mouse_2; }
#mouse_3         { grid-area: mouse_3; }
#mouse_4         { grid-area: mouse_4; }
#banner_1        { grid-area: banner_1;}
#banner_2        { grid-area: banner_2;}
#banner_3        { grid-area: banner_3;}
#banner_4        { grid-area: banner_4;}
#banner_5        { grid-area: banner_5;}

body {
	/*
	*/
	display: grid;
	grid:
    ' title    ' 1fr
    ' cv       ' 1fr
    ' mouse_1  ' 1fr
    ' mouse_2  ' 1fr
    ' mouse_3  ' 1fr
    ' mouse_4  ' 1fr
    ' banner_1 ' 1fr
    ' banner_2 ' 1fr
    ' banner_3 ' 1fr
    ' banner_4 ' 1fr
    ' banner_5 ' 1fr
    ' infos    ' 1fr
	  / 100%     ;
}