:root{--font-cursive: "Caveat", cursive;--font-sans: "Source Sans 3", sans-serif;--font-mono: "Source Code Pro", monospace}*{box-sizing:border-box}body{font-family:var(--font-sans);font-size:12px;background-color:gray;--margin-vertical: 1.5cm;--margin-horizontal: 1.5cm}a{color:inherit;text-decoration:underline}.manuscript{font-family:var(--font-cursive)}code{font-family:var(--font-mono)}.title{text-transform:uppercase;font-size:120%;font-weight:600}page{background:#000;position:relative;display:block;margin:2rem auto}page[size=A4]{width:21cm;height:29.7cm}page[size=A4][orientation=landscape]{width:29.7cm;height:21cm}@media screen{page{box-shadow:0 0 .5cm #00000080}}@media print{@page{margin:0;padding:0;size:A4 landscape}body,page{margin:0!important;print-color-adjust:exact;box-shadow:0}astro-dev-toolbar{display:none}#play-tagline-audio{display:none}}page{display:flex;flex-direction:row}page section,page header{height:100%;padding:var(--margin-vertical) var(--margin-horizontal);position:relative;background-color:#fff}header{width:33%;background-color:#fff;color:#000;border-right:1px solid black;display:flex;flex-direction:column;gap:2rem}section#skills{width:33%;background-color:#fff;color:#000;position:relative}section#informations{width:34%;background-color:#000;color:#fff}section#work-projects{width:66%;background-color:#fff;color:#000}section#side-projects{width:34%;background-color:#000;color:#fff}#picture{margin:2rem auto 0;width:4cm;height:4cm;border-radius:50%;display:inline-block;overflow:hidden;text-align:center;background-color:#000}#picture img{width:100%;height:100%;object-fit:cover}h1,h2,h3{margin:-.2cm}h2,h3{color:gray;font-weight:300}h1{font-size:46px}h2{font-size:32px}h3{font-size:16px}#name h2,#name h1{line-height:1em}#tagline{font-family:var(--font-cursive);width:100%;margin:0 auto;background-color:#000;#play-tagline-audio{cursor:pointer;margin-left:.1em}}.speech{--arrow-size: 14px;position:relative;display:inline-block;background:#000;color:#fff;padding:1em 1.5em;border-radius:1em;line-height:1.4;margin-top:calc(var(--arrow-size) + 8px);font-family:var(--font-cursive);font-size:1.4em;&:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:calc(-1 * var(--arrow-size) + 2px);width:0;height:0;border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid black}}ul#contact{padding:0;font-weight:400;font-size:11px;margin-top:2em;li{list-style-type:none;margin-top:.05cm;.picto{display:inline-block;height:.85cm;width:.85cm;text-align:center;padding-top:.2cm;background-color:#000;color:#fff;border-radius:50%;margin-right:.2cm}}}#personality,#hobbies{margin-top:3rem}.languages{display:flex;flex-direction:row;dl{display:flex;flex-wrap:wrap;margin:0;padding:0}dt,dd{margin:0}dt{width:30%;font-weight:700;margin-bottom:1em}dd{width:70%}}.competency{width:20px;height:20px;border-radius:50%;display:inline-flex;vertical-align:bottom;align-items:flex-end;margin:0 .02cm;background-color:#000;justify-content:center;align-items:center;position:relative;cursor:pointer;&:hover .tooltip{opacity:1;pointer-events:auto}}.competency.acquired{background-color:#fff;color:#000}.competency.almost-acquired{background-color:#ffffffb3;color:#000}.competency.half-acquired{background-color:#fff6;color:#000}.footref{font-size:.6rem;font-style:normal;font-weight:700}.tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;font-family:var(--font-cursive);font-size:1.1em;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #333}#personality{dt{font-weight:700;margin-top:.5em}dd{font-size:.9em;font-style:italic}}#hobbies p{font-size:.9em;font-style:italic}#footnotes{position:absolute;bottom:2rem;left:2rem;width:90%;font-size:85%;dl{display:flex;flex-wrap:wrap}dt,dd{margin:.25em 0}dt{width:3%;font-weight:700}dd{width:97%}}.projects{display:grid;padding:0}#work-projects{grid-template-columns:repeat(2,1fr)}#side-projects{grid-template-columns:repeat(1,1fr);grid-auto-rows:1fr}.project{position:relative;display:flex;flex-direction:column;h4{font-family:var(--font-mono);font-size:1.2em;margin:0}.metadata{font-family:var(--font-cursive);font-weight:400;font:.8em;span{margin-left:.2cm}}.technologies{font-family:var(--font-cursive);margin-top:auto}ins{font-family:var(--font-cursive);text-decoration:none;font-weight:700}svg{vertical-align:-3px;margin-right:3px}ul{margin:0}li{margin:.3em 0}}#side-projects .project{border-color:#fff}#work-projects .project:nth-child(1){margin:calc(var(--margin-vertical)/2) calc(var(--margin-horizontal)/6) calc(var(--margin-vertical)/6) calc(var(--margin-horizontal)/2)}#work-projects .project:nth-child(2){margin:calc(var(--margin-vertical)/2) calc(var(--margin-horizontal)/3) calc(var(--margin-vertical)/6) calc(var(--margin-horizontal)/6)}#work-projects .project:nth-child(3){margin:calc(var(--margin-vertical)/6) calc(var(--margin-horizontal)/6) calc(var(--margin-vertical)/2) calc(var(--margin-horizontal)/2)}#side-projects .project:nth-child(1){margin:calc(var(--margin-vertical)/2) calc(var(--margin-horizontal)/2) calc(var(--margin-vertical)/6) calc(var(--margin-horizontal)/3)}#side-projects .project:nth-child(2){margin:calc(var(--margin-vertical)/6) calc(var(--margin-horizontal)/2) calc(var(--margin-vertical)/2) calc(var(--margin-horizontal)/3)}.project-more{display:flex;justify-content:center;align-items:center;text-align:center;position:relative;.postit:nth-child(1){position:absolute;top:1.5rem;left:2rem;z-index:20;transform:rotate(-2deg)}.postit:nth-child(2){position:absolute;top:2rem;right:2rem;z-index:30;transform:rotate(2deg)}.postit:nth-child(3){position:absolute;top:4.5rem;left:6rem;z-index:10;transform:rotate(3deg)}.legend{position:absolute;right:.5rem;bottom:1.5rem;font-size:.7rem}}#qr-linkedin{display:block;width:5rem;height:5rem}@media screen{#qr-linkedin{display:none}}.postit{--postit-corner-size: 22px;--postit-background-color: white;--postit-corner-color: black;position:relative;z-index:0;padding:calc(var(--margin-vertical)/4) calc(var(--margin-horizontal)/4);border:1px solid black;background-color:var(--postit-background-color);&:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-right:var(--postit-corner-size) solid transparent;border-bottom:var(--postit-corner-size) solid var(--postit-corner-color);z-index:3;pointer-events:none}&:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-right:calc(var(--postit-corner-size) + 2px) solid var(--postit-background-color);border-bottom:calc(var(--postit-corner-size) + 2px) solid var(--postit-background-color);transform:translate(2px,-2px);z-index:2;pointer-events:none}}.postit.small{--postit-corner-size: 12px}#side-projects .postit{--postit-background-color: black;--postit-corner-color: white}#side-projects .qr-code,#side-projects .interactive-link{position:absolute;right:.5rem;bottom:.5rem}.qr-code img{width:3rem;height:3rem}@media screen{.qr-code{display:none}}@media print{.interactive-link{display:none}}#skills{padding:var(--margin-vertical) calc(var(--margin-horizontal)/2)}#skills .legend{position:relative;padding:.5em 1.5em;width:100%;border:1px solid black;font-size:.8em;margin:1rem 0;&:after{content:"Legend";position:absolute;rotate:-90deg;left:-2.5em;font-size:.8em}.manuscript{font-size:1.2em}span{margin:0 1em}}.separator{position:relative;height:1px;background:#000;margin:48px 0}.separator:before,.separator:after{content:attr(data-label-top);position:absolute;left:50%;transform:translate(-50%);padding:4px 10px;font-family:var(--font-cursive)}.separator:before{content:attr(data-label-top);top:-1.2rem}.separator:after{content:attr(data-label-bottom);bottom:-1.2rem}.ignorant,.beginner,.intermediate,.advanced,.expert,.master{font-family:var(--font-mono)}.ignorant{font-weight:100}.beginner{font-weight:200}.intermediate{font-weight:400}.advanced{font-weight:600}.expert{font-weight:800}.master{font-weight:900}.hard-skills dt,.soft-skills li{display:inline-block;margin:.5em;padding:.2em .5em;border:1px solid black;border-radius:50vh}.hard-skills dd span{margin:0 .2em}.soft-skills ul{padding:0;margin:0;li{list-style-type:none}}.highlight{position:relative;display:inline-block;padding:0 4px;z-index:0}.highlight:before{content:"";position:absolute;inset:0;background:#ffeb58;z-index:-1;clip-path:polygon(0% 60%,5% 65%,10% 55%,20% 70%,30% 58%,45% 72%,60% 56%,75% 68%,90% 50%,100% 64%,100% 100%,0 100%)}