@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Turret+Road:wght@200;300;400;500;700;800&display=swap";.App{font-family:sans-serif;text-align:center}html{height:100%;margin:0;padding:0}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--title1);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--title1)}body{min-height:100vh;margin:0;padding:0;--secondary: rgb(161, 161, 161);--divider: #343434;--text-dark: #0c4651;--text: #a9a9a9;--text-secondary: #a9a9a9;--link: #B59973;--title1: #FFC268;--title1-rgba: rgba(255, 194, 104, .5);--title2: #DAAE6E;--important: #FFC268;--grey: #d9d9d9;--clear-blue: #0c4651;--dark-blue: #073139;--header-padding: 5vh;--font-text: "Lato", sans-serif;--font-title: "Turret Road", serif;--font-mono: "Courier New", monospace;--success-color: #22c55e;--warning-color: #f59e0b;--danger-color: #ef4444;--background-color: #58534C;--icon-color: var(--title1);transition:opacity 1s ease;background-color:var(--background-color);z-index:1}#root{position:relative;width:100%;height:100%}@keyframes blurIn{0%{filter:blur(0px)}to{filter:blur(50px)}}@keyframes movePath{0%{transform:scaleY(1.4)}to{transform:scaleY(1)}}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/anneau.svg);background-position:center;background-size:100% 100%;filter:blur(0);animation:blurIn 4s forwards,movePath 6s forwards;z-index:-1}*{box-sizing:border-box;font-family:".SFNSText",SFProText-Regular,SFUIText-Regular,".SFUIText",Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:#ffffff36}.screen{width:100%;height:100%}.container{flex-direction:column;align-items:center;width:100%;flex:1 1 100%;margin-top:calc(var(--header-padding) + 2rem);height:100%}h1{font-size:2.5rem;font-weight:500;font-family:var(--font-text);font-weight:400;font-style:normal;color:var(--title1);line-height:.8;text-align:center;margin:0}.date{color:var(--secondary);font-size:14px;text-transform:uppercase}.avatar{background:var(--divider);border-radius:50%;position:absolute;bottom:12px;right:0;overflow:hidden}.avatar,.avatar img{width:40px;height:40px}ul,li{list-style:none;padding:0;margin:0}.card-list{display:flex;flex-wrap:wrap;align-content:center;margin-bottom:2rem;margin:auto}.card{position:relative;padding:5px;height:30vh;flex:0 0 40%;max-width:40%;height:20vh}.card:nth-child(4n+1),.card:nth-child(4n+4){flex:0 0 60%;max-width:60%}.card:nth-child(odd){padding-left:0}.card:nth-child(2n){padding-right:0}.card-content-container{width:100%;height:100%;position:relative;display:block;pointer-events:none;padding-top:1vh}.card-content-container.open{top:0;left:0;right:0;height:90vh;position:relative;overflow:hidden}.card-content{pointer-events:auto;position:relative;border-radius:20px;background:#1c1c1e;overflow:hidden;width:100%;height:100%;margin:0 auto}.modal-container{width:100%;height:100%;padding:1vw;padding-top:0}.modal-container:focus{background-color:red}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;background:#0000007f}.overlay a{display:block;position:fixed;top:0;bottom:0;width:100vw;left:50%;transform:translate(-50%)}.open .card-content{max-width:900px;overflow:auto;pointer-events:all}.card-open-link{position:absolute;top:0;left:0;right:0;bottom:0}.card-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.3)}.card-image-container{top:0;left:0;overflow:hidden;height:40vh;width:100%}.close-button{border-color:red;position:absolute;top:30px;right:30px;font-size:10px;cursor:pointer;z-index:7;width:50px;height:50px;background-color:transparent;border:none}.open .card-image-container,.open .title-container{z-index:1}.title-container{position:absolute;top:15px;left:15px;max-width:300px}.open .title-container{top:30px;left:30px}h2{margin:8px 0;font-size:1.5rem;font-weight:500;font-family:var(--font-text);color:var(--title2)}.category{color:#fff;font-size:14px;text-transform:uppercase}.content-container{padding:3rem;padding-top:0;color:var(--text);position:relative;overflow:hidden}.content-container img{max-width:100%}.content-container p{margin-top:0;margin-bottom:1rem}.content-container:before{content:"";position:absolute;top:0;left:0;width:0;height:1px;background:var(--title1)}@keyframes borderExpand{0%{width:0}to{width:100%}}p{color:#9d9ca1;font-size:1rem;line-height:28px}.competences-div{padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:1200px;margin:0 auto}.projets-title{font-size:1rem;font-weight:500;font-family:var(--font-text);font-weight:400;font-style:normal;color:var(--text);line-height:.8;text-align:left}.competences-title{font-size:3rem;font-weight:700;font-family:Lato,sans-serif;color:#d7d7d7;padding:1rem;margin:0}.loading{display:flex;justify-content:center;align-items:center;height:1rem;width:100%;background:var(--title1);border-radius:10px}@keyframes loading{0%{width:0}to{width:100%}}@media only screen and (max-width: 800px){.competences-title{font-size:2.5rem}.card{flex:0 0 50%;max-width:50%}.card:nth-child(4n+1),.card:nth-child(4n+4){flex:0 0 50%;max-width:50%}}@media only screen and (max-width: 600px){.card{flex:1 0 100%;max-width:100%;padding:10px 0;height:20vh}.card:nth-child(4n+1),.card:nth-child(4n+4){flex:1 0 100%;max-width:100%}.card-image-container{height:25vh}.container{width:90%}}.nav-highlight{position:absolute;background:#ffc26880;border-radius:5px;pointer-events:none;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),opacity .2s;z-index:0}.nav-desktop{position:relative;z-index:1}.nav-desktop .nav-a,.nav-desktop .nav-a-active{position:relative;z-index:2;background:none!important}.header{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);position:fixed;width:100%;top:0;z-index:1000;padding:15px;border-bottom:2px solid var(--gray-alpha-200);min-height:var(--header-padding);height:auto;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 #0000,0 0 #0000,0 16px 32px -16px #0000001a,0 0 0 1px #0000001a}.header-desktop{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px;flex-wrap:wrap}.header-desktop .language-switch-container{flex-shrink:0}.header-mobile{display:none;justify-content:space-between;align-items:center;width:100%}.nav-desktop{display:flex;align-items:center;flex-wrap:wrap;gap:5px;flex:1;justify-content:center;min-width:0}.nav-footer-desktop{display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0}.nav-footer-desktop a{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.nav-footer-desktop a:hover{text-decoration:underline}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;margin-left:auto}.burger-bar{width:100%;height:3px;background-color:var(--title1);border-radius:10px;transition:transform .3s ease,opacity .3s ease}.burger-menu.open .burger-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-menu.open .burger-bar:nth-child(2){opacity:0}.burger-menu.open .burger-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;will-change:opacity;transform:translateZ(0);-webkit-transform:translateZ(0)}.nav-sidebar{position:fixed;top:0;right:0;width:80%;max-width:300px;height:100vh;background-color:#242424f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;padding:20px;padding-top:calc(var(--header-padding) + 20px);padding-bottom:calc(var(--header-padding) + 20px);box-sizing:border-box;border-left:2px solid var(--title1);box-shadow:-4px 0 16px #0000004d;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}.nav-header{display:flex;justify-content:flex-end;margin-bottom:40px}.close-menu{background:none;border:none;color:var(--title1);font-size:2rem;cursor:pointer}.nav-links{display:flex;flex-direction:column;gap:10px;margin-bottom:auto}.nav-a,.nav-a-active{padding:12px 15px;color:var(--title1);text-decoration:none;font-family:var(--font-text);font-weight:700;font-size:.9rem;text-transform:uppercase;transition:background-color .3s ease;border-radius:5px}.nav-a:hover,.nav-a-active{background-color:#ffc26833}.nav-a-active{background-color:#ffc26880;color:#fff!important}.nav-footer{display:flex;flex-direction:column;gap:10px;margin-top:20px}.nav-footer a{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.nav-footer a:hover{text-decoration:underline}.language-switch-container{margin-right:0}.nav-desktop .nav-a,.nav-desktop .nav-a-active{padding:10px 12px;font-size:.85rem;white-space:nowrap}@media (max-width: 1200px){.nav-desktop .nav-a,.nav-desktop .nav-a-active{font-size:.8rem;padding:8px 10px}.nav-footer-desktop a{font-size:.85rem;gap:6px}.header-desktop,.nav-footer-desktop{gap:10px}}@media (max-width: 1024px){.nav-footer-desktop{display:none!important}.nav-desktop{gap:3px}.nav-desktop .nav-a,.nav-desktop .nav-a-active{font-size:.75rem;padding:8px 10px}}@media (max-width: 768px){.header-desktop{display:none}.header-mobile,.burger-menu{display:flex}}.language-highlight{position:absolute;background:#ffc26880;border-radius:6px;pointer-events:none;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),top .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),opacity .2s;z-index:0}.language-switch{position:relative;z-index:1}.language-btn{position:relative;z-index:2;background:none}.language-switch{display:flex;align-items:center;justify-content:center}.language-btn{background:transparent;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.language-btn svg{border-radius:3px;transition:all .3s ease}.language-btn:hover{background:#ffffff1a;transform:scale(1.05)}.language-btn:hover svg{transform:scale(1.1)}.language-btn.active{transform:scale(1.1)}.language-btn.active svg{transform:scale(1.15);box-shadow:0 2px 4px #0003}.language-btn:active{transform:scale(.95)}@media (max-width: 768px){.language-switch{gap:4px;padding:2px}.language-btn{padding:6px 8px}.language-btn svg{width:20px;height:15px}}.page-title{font-size:2.5rem;font-family:var(--font-title);color:var(--title1);margin-bottom:2rem;margin-top:0;position:relative;display:inline-block;text-align:center;width:100%}.page-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--title1),var(--title2));border-radius:2px}@media (max-width: 768px){.page-title{font-size:2rem}}@media (max-width: 480px){.page-title{font-size:1.8rem}.page-title:after{width:60px}}.page-layout{max-width:1200px;margin:0 auto;padding:2rem;display:flex;flex-direction:column}.page-layout-header{text-align:center;margin-bottom:2rem}.page-layout-subtitle{font-size:1.2rem;color:var(--text-secondary);margin-top:1rem;font-family:var(--font-text);line-height:1.6}.page-layout-content{flex:1}@media (max-width: 768px){.page-layout{padding:1.5rem}.page-layout-subtitle{font-size:1rem}}@media (max-width: 480px){.page-layout{padding:1rem}.page-layout-subtitle{font-size:.9rem}}