:root{--font-family: "Inter", "Roboto", sans-serif;--margin-default: 0;--padding-default: 3vw;--body-bg: linear-gradient(135deg, #E3F2FD 0%, #DDE7F0 100%);--body-txt-color: #1A1A1A;--header-bg: linear-gradient(90deg, #FFFFFF 0%, #E3F2FD 100%);--section-bg: linear-gradient(90deg, #FFFFFF 0%, #F5F9FC 100%);--section-color: #1A1A1A;--section-border-color: rgba(0, 47, 148, .2);--section-shadow-color: rgba(0, 0, 0, .5);--subsection-bg: linear-gradient(180deg, #F0F7FA 0%, #E0ECF4 100%);--filter: invert(0%);--popup-call-color: #2563EB}:root.dark{--body-bg: linear-gradient(135deg, #0A192F 0%, #112240 50%, #1C1F26 100%);--body-txt-color: #E6F1FF;--header-bg: linear-gradient(90deg, #112240 0%, #1C1F26 100%);--section-bg: linear-gradient(135deg, #112240 0%, #1C1F26 100%);--section-color: #E6F1FF;--section-border-color: rgba(230, 241, 255, .1);--subsection-bg: linear-gradient(135deg, #1C2E44 0%, #24364F 100%);--subsection-border-color: rgba(230, 241, 255, .1);--filter: invert(100%);--popup-call-color: lightcoral }html{scroll-padding-top:120px}.hidden{display:none}.icon{width:32px;height:32px;cursor:pointer;color:var(--body-txt-color)}.svg{filter:var(--filter)}.rounded-full{border-radius:50%}h1,h2,h3,h4,h5,h6{margin-top:0}p{text-align:justify}a{text-decoration:none;font-weight:700;color:var(--body-txt-color)}button{background:var(--body-bg);color:var(--section-color);padding:8px;font-weight:400;border-radius:.5em;border:1px solid var(--section-border-color);box-shadow:15px 15px 15px var(--section-shadow-color);font-size:1em;cursor:pointer;transition:all .3s ease}button:hover{box-shadow:0 6px 12px var(--section-shadow-color);transform:translateY(-2px)}button:active{transform:translateY(0);box-shadow:0 3px 6px var(--section-shadow-color)}body{background:var(--body-bg);color:var(--body-txt-color);font-family:var(--font-family);margin:var(--margin-default)}#root{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}main{grid-area:main;padding:1em var(--padding-default);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--padding-default)}section{background:var(--section-bg);color:var(--section-color);border-radius:.5em;border-top:1px solid var(--section-border-color);border-left:1px solid var(--section-border-color);box-shadow:15px 15px 15px var(--section-shadow-color);padding:var(--padding-default);flex:1 1 auto}.flex-auto{flex:1 1 auto}section h2{text-align:center}section.subsection{background:var(--subsection-bg)}.container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:var(--padding-default);text-align:center}.card{padding:var(--padding-default);max-width:400px}.popup-call{color:var(--popup-call-color);font-size:.9em;cursor:pointer;transition:scale .5s}.popup-call:hover{scale:1.2}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:998;background-color:#80808080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;background-color:var(--menu-bg-color);padding:var(--padding-default);border-radius:.5em;width:max-content;max-width:80vw;max-height:90vh;overflow:auto}.popup-close{text-align:right;margin:0;cursor:pointer}@media print{body{background:#fff!important;background-image:none!important}header,footer{display:none!important}}header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);grid-area:header;padding:1em var(--padding-default);display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"photo titre buttons";align-items:center}#photo{grid-area:photo}#titre{grid-area:titre;padding-left:1em;display:flex;flex-direction:column;justify-content:space-evenly}h1{font-size:1.4em}#titre h1,#titre p{margin:0;padding:0}#titre p{font-size:.8em}#buttons{grid-area:buttons;display:flex;flex-direction:row;justify-content:center;align-items:center}#menu{position:absolute;top:90px;right:0;z-index:1;background:var(--section-bg);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);box-shadow:15px 15px 15px var(--section-shadow-color)}#menu ul{margin:auto;padding:1em;display:flex;flex-direction:column;gap:1em}#menu li{list-style:none}#menu a{text-decoration:none;color:var(--body-txt-color)}@media screen and (min-width: 500px){#titre p{font-size:inherit}}@media screen and (min-width: 1120px){header{grid-template-columns:auto auto 1fr auto;grid-template-areas:"photo titre menu buttons"}#burger-btn{display:none}#menu{grid-area:menu;position:relative;top:auto;right:auto;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;display:flex;justify-content:center}#menu ul{margin:0;padding:1em 0;display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap;gap:1em}#menu li{list-style:none}#menu a{text-decoration:none;color:var(--body-txt-color)}}footer{grid-area:footer;padding:1e var(--padding-default)}footer p{font-size:.9em;text-align:center}#a-propos{display:grid;text-align:center;grid-template-rows:1fr;grid-template-areas:"titre" "photo" "descriptif"}#a-propos h2{grid-area:titre}#a-propos div{padding:var(--padding-default)}#a-propos-photo{grid-area:photo}#a-propos-descriptif{grid-area:descriptif;text-align:justify}.terminal{font-family:Courier New,Courier,monospace;font-size:clamp(1.5em,3.5vw,3em);white-space:nowrap;overflow:hidden;border-right:1px solid;width:0;animation:typing 5s steps(13) forwards,blink 1s step-end infinite}.cursor{display:none}@keyframes typing{0%{width:0}to{width:13ch}}@keyframes blink{50%{border-color:transparent}}@media screen and (min-width: 820px){#a-propos{grid-template-columns:1fr 2fr;grid-template-areas:"titre titre" "photo descriptif"}}.skill.container{flex-direction:column;text-align:start;gap:0}.skill.container h4{font-size:1em;margin:.5em;display:flex;gap:1em;align-items:center}.skill.container .logo{width:1.2em;height:1.2em}#works .screenshot{width:100%;border-radius:.5em}#works ul{text-align:start;margin-top:auto}#works p{margin-bottom:auto}.cv-screenshot{--ratio: .25;width:calc(21cm * var(--ratio));height:calc(29.7cm * var(--ratio));margin:auto;pointer-events:none}.cv-print{width:100%;display:flex;justify-content:center;margin:auto}.cv-print button{padding:.5em;width:170px}@page{size:A4;margin:0}#cv{transform:scale(var(--ratio));transform-origin:top left;background-color:#fff;color:#000;margin:auto!important;padding:0!important;font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;width:21cm;height:29.7cm;box-sizing:border-box;overflow:hidden;display:grid;grid-template-columns:6cm 1fr;grid-template-rows:auto 1fr;grid-template-areas:"cv-header cv-header" "cv-aside cv-main "}#cv>*{min-height:0;min-width:0;box-sizing:border-box;text-align:start}#cv div{padding:.3em}#cv h1{margin:0!important;font-size:2em}#cv h2{margin:0!important;border-bottom:1px solid #dfdfdf;font-size:1.6em;color:#003d74}#cv h3{margin:0!important;font-size:1.4em}#cv h4{margin:0;font-size:1.2em}#cv h4 em{font-weight:400}#cv ul,#cv p{margin:0}#cv-header{padding:1em!important;grid-area:cv-header!important;background-color:#003d74;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:1em}#cv-header h2{font-size:1.5em;color:#fff;border:none}#cv-header div{padding:0}#cv-aside{grid-area:cv-aside!important;background-color:#f4f4f4;color:#000;display:flex;flex-direction:column;gap:1em}#cv-aside svg{width:16px}#cv-aside p{display:flex;align-items:center;gap:1em}#cv-aside a{color:#000;font-weight:400;padding:4px 0}#cv-main{grid-area:cv-main!important;display:flex;flex-direction:column;justify-content:space-between}.cv-formations p{display:flex;align-items:center;gap:.5em}.cv-formations svg{width:1em;height:1em}.cv-softskills{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em}.cv-softskills svg{width:24px;height:24px}.cv-softskills ul{padding:0;display:flex;flex-wrap:wrap;gap:2px}.cv-softskills li{list-style:none;background-color:#595959;color:#fff;padding:.2em .4em;border-radius:.5em}@media print{.cv-screenshot{height:inherit}#cv{transform:none}}#experiences>div{display:grid;gap:var(--padding-default);align-items:center}@media screen and (min-width:700px){#experiences>div{grid-template-columns:1fr auto}}#social-networks{display:flex;flex-direction:row;justify-content:center;gap:1em}#contact form{background:var(--subsection-bg);border-radius:.5em;border-top:1px solid var(--section-border-color);border-left:1px solid var(--section-border-color);box-shadow:15px 15px 15px var(--section-shadow-color);padding:var(--padding-default);gap:var(--padding-default);display:grid;grid-template-areas:"nom" "prenom" "email" "message" "submit"}label{display:block}input,textarea{width:100%;box-sizing:border-box;height:2em;border:none;border-radius:5px;margin-top:5px}.nom{grid-area:nom}.prenom{grid-area:prenom}.email{grid-area:email}.message{grid-area:message}.message textarea{height:10em}#form-submit{grid-area:submit;width:auto;margin:auto}#form-submit:disabled{background-color:transparent;color:var(--body-txt-color);border:none}.asterisk{font-size:.9em}@media screen and (min-width: 400px){#contact form{grid-template-areas:"nom prenom" "email email" "message message" "submit submit"}}@media screen and (min-width: 800px){#contact form{grid-template-areas:"nom prenom email" "message message message" "submit submit submit"}}