.menu{grid-area:menu;align-self:center;row-gap:20px;display:grid}.menu>h2{color:#c2d4dc;cursor:pointer;width:fit-content;height:fit-content;font-size:1.5rem;font-weight:700}.menu>h2 span{color:inherit}.menu>h2:hover,.menu>.selected{color:#060606}.menu .left-bracket.selected,.menu .right-bracket.selected,.menu .sep.selected,.menu .functionStart,.menu .functionEnd{color:#e1ca99}.menu .left-bracket{margin-right:4px}.menu .right-bracket{margin-left:4px}.menu .sep{margin:0 14px}@media (max-width:1130px){.menu .sep{margin:0 7px}}
.locale-icons{align-items:flex-end;min-width:30px;min-height:30px;display:inline-flex;position:relative}.locale-icon{cursor:pointer;border-radius:50%}.locale-list{z-index:1;flex-direction:column-reverse;gap:6px;display:flex;position:relative;bottom:0}.locale-list .locale-icon{animation:.22s ease-out forwards pop-up;transform:translateY(0)}.locale-list .locale-icon:first-child{animation-delay:0s}.locale-list .locale-icon:nth-child(2){opacity:0;animation-delay:70ms}.locale-list .locale-icon:nth-child(3){opacity:0;animation-delay:.14s}@keyframes pop-up{to{opacity:1;transform:translateY(0)}}
.footer{grid-area:footer;justify-content:space-between;justify-self:center;gap:50px;width:max-content;height:100px;display:inline-flex;bottom:120px}.footer div{align-self:end}
.side-panel{background-color:#293857;grid-area:sidePanel;grid-template-rows:2fr 1fr 1fr 1fr;grid-template-areas:"informations"".""menu"".""footer";height:100vh;padding:15%;display:grid}.informations{grid-area:"informations";width:100%;margin:auto}.informations>h1{font-size:3rem;font-weight:bolder;line-height:2em}.informations>h2{color:#060606;font-size:1.4rem;font-weight:700;line-height:1em}.informations>h2>sup{margin-left:-10px;font-size:.8rem;font-weight:400}.informations>h2>sup>span{font-weight:700}.informations span{font-size:.8rem;font-weight:lighter}.informations .titles{flex-direction:column;display:flex}@media (max-width:1130px){.side-panel{z-index:10;grid-template-rows:1fr 1fr 1fr 1fr;justify-content:center;width:300px;transition:transform .3s;position:absolute;inset:0 auto auto 0;transform:translate(-200%)}.side-panel.opened{transform:translate(0%)}.informations>h1{font-weight:bolder;line-height:2em}.informations>h2>sup{margin-left:2px}}
