:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #EFEFEF;--vt-c-black: #000000;--vt-c-black-soft: #222222;--vt-c-black-mute: #5d5d5d;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--vt-c-dark-blue: #023047;--vt-c-sky-blue: #8ecae6;--vt-c-blue: #219ebc;--vt-c-yellow: #ffb703;--vt-c-orange: #fb8500}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background-mute);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.hamburger{display:flex;flex-direction:column;cursor:pointer;position:fixed;top:0;padding:.5rem;margin:2rem;border:3px solid var(--vt-c-orange);border-radius:10px;background-color:var(--vt-c-white);z-index:10000}.hamburger span{height:3px;width:25px;background:var(--vt-c-orange);margin:3px 0;border-radius:2px}.cross{cursor:pointer;font-size:1.7rem;padding-bottom:2rem}.nav{position:fixed;top:0;z-index:10000}nav{background-color:var(--vt-c-dark-blue);color:var(--vt-c-white-soft);height:100vh;padding:2rem;z-index:10000;box-shadow:2px 2px 5px var(--color-background-mute)}ul{display:flex;flex-direction:column;justify-content:space-around;gap:2rem;width:100%;padding:0}nav ul li{list-style-type:none}@media (min-width: 720px){.nav{width:100%;padding:0;margin:0;right:0;left:0;position:fixed}nav{width:100%;height:6rem;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.hamburger{display:none}nav.hidden{display:block}ul{flex-direction:row;gap:2rem}.cross{display:none}nav ul li{text-transform:uppercase;font-size:1rem;list-style-type:none;font-weight:600;cursor:pointer}nav ul li:hover{color:#8ecae6}}main{margin-top:3.5rem;padding:2rem}.home{background-color:var(--vt-c-white);padding:1rem;border-radius:10px}h1{font-weight:800;font-size:1.6rem;text-align:center;padding:2rem 0}h1 span{color:var(--vt-c-yellow);font-weight:900}h2{font-size:1.5rem;text-align:right;color:var(--vt-c-blue);font-weight:600;padding:2rem 1rem}h5{font-size:1rem;text-align:center;font-weight:600}.title-photo{display:flex;justify-content:center;align-items:center;padding:2rem 0;gap:1rem}img{width:60%;border-radius:5px;box-shadow:5px 5px 10px var(--vt-c-divider-dark-2)}.home p{text-align:justify}.home p span{font-weight:800;color:var(--vt-c-orange)}@media (min-width: 720px){main{margin-top:5rem}img{max-width:300px}img.expand{max-width:none}.home{padding:5rem}.home h1{font-size:3rem}.home h2{font-size:2.5rem}.home p{font-size:1rem;padding:5rem;line-height:2rem}}.about{padding:3rem 1rem;background-color:var(--vt-c-white);border-radius:10px;width:100%}.about p{text-align:justify;padding:2rem 0}.yellow-span{color:var(--vt-c-yellow);font-weight:800}.orange-span{color:var(--vt-c-orange);font-weight:800}.blue-span{color:var(--vt-c-blue);font-weight:800}h3{padding:2rem 0;text-align:right;color:var(--vt-c-dark-blue);font-weight:800;font-size:1.4rem}.cv,.cv-experiences,.cv-formation{display:flex;flex-direction:column}.experiences,.formations{display:flex;flex-direction:column;gap:1rem}.card{border-radius:15px;padding:1rem}.experiences .card:nth-child(odd){background-color:var(--vt-c-blue)}.experiences .card:nth-child(2n){background-color:var(--vt-c-orange)}.formations .card:nth-child(odd){background-color:var(--vt-c-sky-blue)}.formations .card:nth-child(2n){background-color:var(--vt-c-yellow)}.card .card-title{font-weight:600;font-size:1.2rem;padding:10px 0}.card .card-periode{padding:0}.card .card-society{padding:0 0 10px;font-weight:600}.card .realisations{display:flex;flex-direction:column;padding:.5rem;margin-top:.5rem;border-radius:5px}.card .realisations .realisation{padding:0}.card:nth-child(odd) .realisations{background-color:var(--vt-c-sky-blue)}.card:nth-child(2n) .realisations{background-color:var(--vt-c-yellow)}@media (min-width: 720px){.about{padding:3rem}.cv{flex-direction:row;gap:20px;justify-content:space-around;margin-top:5rem}.card{max-width:500px}.break{background-color:var(--vt-c-dark-blue);width:3px}}.skills-projects{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}.projets{background-color:var(--vt-c-white);border-radius:10px;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.projets h2{align-self:flex-end}.projets .multiselect{padding:1rem}.projets .container-card{width:100%;padding:1rem;display:flex;flex-direction:column;gap:2rem}.projets .card{background-color:var(--color-background-mute);min-width:100%;min-height:10rem;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:1rem;box-shadow:2px 2px 5px var(--vt-c-black-mute)}.projets .card h3{text-align:center;font-size:1rem;padding:0;cursor:pointer}.projets .card p{border-radius:10px;align-self:center;padding:.5rem}.projets .card-details{display:flex;flex-direction:column;gap:1rem;align-items:center;padding-top:1rem}.projets .link-project,.projets .link-github{border:1px solid lightgrey;border-radius:5px;padding:.3rem;background-color:#fff;cursor:pointer}.projets img{width:100%}.projets img.expand{width:100vw;max-width:100vw;position:absolute;z-index:100;background-color:#fff;margin:0;padding:0}.projets img{cursor:zoom-in}.projets p{font-size:1rem}@media (min-width: 768px){.projets .container-card{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;align-items:center;gap:1rem}.projets .card{min-width:25%;max-width:25%;display:flex;flex-direction:column;text-align:center;gap:1rem;box-shadow:2px 2px 5px var(--vt-c-black-mute)}.projets img.expand{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:contain;z-index:9999}}.skills{background-color:#fff;padding:2rem 0}.container-filter{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0}.filter{max-width:80%}.filter button{border-radius:5px;padding:.6rem;border:1px solid lightgrey;cursor:pointer}.filter button:hover{background-color:var(--vt-c-blue);color:#fff}.badges{display:flex;flex-direction:column;align-items:stretch;gap:2rem;width:100%;padding:2rem}.badge{width:100%;background-color:var(--vt-c-white-soft);border-radius:10px;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.badge img{object-fit:contain;box-shadow:none;padding:0}.badge h3{font-size:1rem;padding:10px}.badge h4{font-weight:600;cursor:pointer}.badge p{text-align:center;padding-bottom:10px}.link-project{border:rgb(159,159,159);padding:.7rem;background-color:#fff;box-shadow:0 0 10px #d3d3d3;border-radius:10px}.projets.is-hidden{visibility:hidden!important}.projets.is-active{visibility:visible!important}.hidden{display:none}@media (min-width: 768px){.badges{flex-direction:row;flex-wrap:wrap;justify-content:center}.badge{width:20%}.filter{max-width:30%}}.progress-container{width:150px;max-width:100%;background-color:#eee;border-radius:15px;border:1px solid lightgrey;height:20px;overflow:hidden;margin:1rem}.progress-bar{height:100%;background-color:#4caf50;border-radius:15px 0 0 15px;transition:width .5s ease-in-out}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{margin:0;padding:0;box-sizing:border-box}#app{max-width:1280px;margin:0 auto;padding:0;font-weight:400}}.ContactForm h3{text-align:center;font-size:1.2rem}.ContactForm p{text-align:center;font-size:1rem}.ContactForm .socials{display:flex;justify-content:center;align-items:center;font-size:2rem;gap:2rem}.socials a{color:var(--vt-c-orange);cursor:pointer}.badges{overflow:visible}.badge{position:relative}.badge .skills-projects{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);width:min(520px,92vw);max-height:70vh;overflow:auto;padding:.7rem;border-radius:10px;background:var(--vt-c-white);box-shadow:0 10px 30px #00000026;border:1px solid var(--vt-c-divider-dark-2);z-index:50;display:none}.badge .skills-projects:not(.hidden){display:flex;flex-direction:column;align-items:center;gap:10px}.badge .skills-projects:not(.hidden){animation:dropdownIn .14s ease-out}@keyframes dropdownIn{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 480px){.badge .skills-projects{width:96vw;left:50%;transform:translate(-50%)}}.badge .skills-projects.lightbox-open{overflow:visible}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:9998}.projets img.expand{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:contain;z-index:9999}.projets img.expand{position:fixed!important;top:0;left:0;width:100vw;height:100vh;object-fit:contain;z-index:10001;margin:0;padding:0;background:#fff}.badge .skills-projects.lightbox-open{transform:none!important;left:0!important;right:0;width:100vw;overflow:visible;z-index:10000}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;z-index:9998}.slide-enter-active,.slide-leave-active{transition:transform .4s ease,opacity .4s ease}.slide-enter-from,.slide-leave-to{transform:translate(-100%);opacity:0}.slide-enter-to,.slide-leave-from{transform:translate(0);opacity:1}.v-enter-active{transition:all .8s ease}.v-enter-from{opacity:0;transform:translate(50%)}.v-enter-to{opacity:1;transform:translate(0)}.v-leave-active{transition:none}.v-leave-from,.v-leave-to{opacity:0}