@font-face{font-display:swap;font-family:titlechar;size-adjust:130%;src:url(/build/fonts/AARDC.65d8bbcf.ttf),local("Verdana")}@font-face{font-display:swap;font-family:altTitle;src:url(/build/fonts/Roboto-Black.45715786.ttf),local("Verdana")}@font-face{font-display:swap;font-family:textchar;src:local("Verdana")}@font-face{font-display:swap;font-family:ROCKchar;src:url(/build/fonts/Rockit.cce1afd6.ttf),local("Arial")}body{font-family:textchar,sans-serif;margin:0;--margin-vw:10vw}body main{margin:1em var(--margin-vw);min-height:calc(100vh - 18em)}@media screen and (min-width:1500px){body footer,body header.header{margin:auto var(--margin-vw)}}@media screen and (max-width:900px){body{--margin-vw:5vw}}h1,h2,h3,h4{font-family:titlechar,serif;text-align:center}h1{font-size:2em}a,a:hover,a:visited{color:inherit}button{background-color:var(--main-bg-color);border-color:var(--blue);border-radius:1em;color:var(--main-color);cursor:pointer;font-size:1.1em;padding:.3em .5em}button:hover{background-color:var(--blue);color:var(--inv-color)}div.submit{display:flex;justify-content:center;margin-top:1em}@media screen and (max-width:700px){body,button,input,select{font-size:1.2em}}body{--main-bg-color:#fff;--blue:#0e1e4f;--body-bg-color:#f6f8fd;--main-color:#000;--strong-color:var(--blue);--inv-color:#fff;--box-shadow:10px 10px 10px var(--blue);--box-shadow-bg:1px 1px 7px var(--inv-color),-1px 1px 7px var(--inv-color),-1px -1px 7px var(--inv-color),1px -1px 7px var(--inv-color);background-color:var(--body-bg-color);color:var(--main-color)}body.dark{--main-bg-color:#020309;--body-bg-color:#000;--blue:#d9e5fc;--main-color:#edf3fd;--strong-color:#fff;--inv-color:#000}body.dark header.header div.logo{background-image:url(/build/images/logo-rock-ta-vie-dark.080189e0.svg)}body.dark header.header div.buttons button.switchDarkMode svg path{fill:var(--main-color)}header.header{display:grid;grid-template-columns:9em auto 3em;grid-template-rows:6em 3em}header.header a:has(div.logo){grid-area:1/1}header.header div.logo{aspect-ratio:1/1;background-image:url(/build/images/logo-rock-ta-vie.fb60030f.svg);background-size:contain;height:100%;margin-left:2em;max-height:100%}header.header div.credo{align-items:center;display:flex;gap:2em;grid-area:1/2;justify-content:flex-start;margin:1em}header.header div.credo p{font-family:titlechar,sans-serif;font-size:.8em}header.header div.credo p em{font-family:ROCKchar,sans-serif;font-size:.8em;margin-right:.3em}header.header div.navbar{background-color:var(--blue);color:var(--inv-color);display:flex;grid-column-end:4;grid-column-start:1;grid-row:2}header.header nav{align-items:center;background-color:var(--blue);color:var(--color);display:flex;font-family:titlechar,serif;justify-content:flex-end;margin-left:1em}header.header ul{align-items:flex-end;list-style-type:none;margin-block-end:0;margin-block-start:0;padding-left:1em}header.header li,header.header ul{display:flex;height:100%;justify-content:space-evenly}header.header li{align-items:center;font-size:1.3em;font-weight:700;padding-left:.5em;padding-right:.5em;text-transform:capitalize}header.header li a.selected{text-decoration:underline;text-decoration-color:var(--main-bg-color);text-decoration-thickness:.2em}header.header li a,header.header li a :hover,header.header li a :visited{text-decoration:none}header.header li button.closeMenu svg path{fill:var(--inv-color)}header.header li:has(a:hover),header.header li:has(button:hover){background-color:var(--main-bg-color);color:var(--main-color)}header.header li:has(a:hover) button.closeMenu:hover svg path,header.header li:has(button:hover) button.closeMenu:hover svg path{fill:var(--main-color)}header.header div.buttons{align-items:center;display:flex;gap:1em;grid-area:1/3;justify-content:flex-end;padding-right:1em}header.header div.buttons button.switchMenu{display:none}header.header button.switchDarkMode,header.header button.switchMenu{aspect-ratio:1/1;background-color:transparent;border:none;width:3rem}header.header button.switchDarkMode svg path,header.header button.switchMenu svg path{fill:var(--main-color)}header.header button.switchMenu{display:initial}header.header li.closeMenu,header.header.open button.switchMenu{display:none}header.header.open li.closeMenu{display:flex}@media screen and (max-width:700px){header.header{border-bottom:1em solid var(--blue);grid-template-areas:"logo buttons" "credo credo";grid-template-columns:auto 7em}header.header div.logo{grid-area:logo;margin-left:.2em}header.header div.credo{align-items:center;flex-direction:row;gap:.3em;grid-area:credo;justify-content:space-evenly}header.header div.credo p{margin-block:0}header.header div.buttons{gap:.2em;grid-area:buttons;padding-right:.2em}header.header div.navbar{border-bottom-left-radius:5px;border-top-left-radius:5px;display:none;padding:1em 0;position:fixed;right:0;top:1em;z-index:5}header.header nav{margin-left:0}header.header ul{display:grid;padding-left:0;row-gap:.8em}header.header li{font-size:1.5em;height:1.7em;justify-content:flex-end;padding-left:1em;padding-right:1em}header.header li button.closeMenu{aspect-ratio:1/1;background-color:transparent;border:none;padding-right:0;width:1.7em}header.header div.buttons button.switchMenu{display:initial}header.header.open div.navbar{display:flex}}footer{align-content:center;align-items:center;background-color:var(--main-bg-color);border-top:1em solid var(--blue);color:var(--main-color);column-gap:2em;display:flex;flex-wrap:wrap;height:6em;justify-content:space-around;row-gap:.5em}@media screen and (max-width:700px){footer{column-gap:0;display:grid;grid-template-columns:1fr 1fr;padding-left:1em;padding-right:1em}}