59 lines
1.1 KiB
CSS
59 lines
1.1 KiB
CSS
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;
|
|
}
|
|
figure {
|
|
overflow: 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 ' auto
|
|
' banner_2 ' auto
|
|
' cv ' auto
|
|
' mouse_1 ' auto
|
|
' banner_3 ' auto
|
|
' mouse_2 ' auto
|
|
' banner_4 ' auto
|
|
' mouse_3 ' auto
|
|
' banner_5 ' auto
|
|
' mouse_4 ' auto
|
|
' banner_1 ' auto
|
|
' infos ' auto
|
|
/ 1fr ;
|
|
}
|