@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700;800&display=swap);:root{--color-black:#000;--color-gray:#f0f0f0;--color-white:#fff;--color-blue:#1b62b9;--color-dark-blue:#144c90;--color-red:#e63838;--color-dark-red:#a22929;--color-yellow:#ffea64;--color-dark-yellow:#fddd50;--color-peach:#fc9;--font-family:"Rubik",sans-serif;--font-size-h1:7.5rem;--font-size-h2:2.5rem;--font-size-h3:1.875rem;--font-size-h4:1.375rem;--font-size-text:1.125rem;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--header-text-shadow:-1px -1px 0 var(--color-black),0 -1px 0 var(--color-black),1px -1px 0 var(--color-black),-1px 0 0 var(--color-black),1px 0 0 var(--color-black),-1px 1px 0 var(--color-black),0 1px 0 var(--color-black),1px 1px 0 var(--color-black),-2px -2px 0 var(--color-black),-1px -2px 0 var(--color-black),0 -2px 0 var(--color-black),1px -2px 0 var(--color-black),2px -2px 0 var(--color-black),2px -1px 0 var(--color-black),2px 0 0 var(--color-black),2px 1px 0 var(--color-black),2px 2px 0 var(--color-black),1px 2px 0 var(--color-black),0 2px 0 var(--color-black),-1px 2px 0 var(--color-black),-2px 2px 0 var(--color-black),-2px 1px 0 var(--color-black),-2px 0 0 var(--color-black),-2px -1px 0 var(--color-black),-3px -3px 0 var(--color-black),-2px -3px 0 var(--color-black),0 -3px 0 var(--color-black),2px -3px 0 var(--color-black),3px -3px 0 var(--color-black),3px -2px 0 var(--color-black),3px 0 0 var(--color-black),3px 2px 0 var(--color-black),3px 3px 0 var(--color-black),2px 3px 0 var(--color-black),0 3px 0 var(--color-black),-2px 3px 0 var(--color-black),-3px 3px 0 var(--color-black),-3px 2px 0 var(--color-black),-3px 0 0 var(--color-black),-3px -2px 0 var(--color-black),-3px -3px 0 var(--color-black),-1px -3px 0 var(--color-black),0 -3px 0 var(--color-black),1px -3px 0 var(--color-black),3px -3px 0 var(--color-black),3px -1px 0 var(--color-black),3px 0 0 var(--color-black),3px 1px 0 var(--color-black),3px 3px 0 var(--color-black),1px 3px 0 var(--color-black),0 3px 0 var(--color-black),-1px 3px 0 var(--color-black),-3px 3px 0 var(--color-black),-3px 1px 0 var(--color-black),-3px 0 0 var(--color-black),-3px -1px 0 var(--color-black),-3px 4px 0 var(--color-black),0px 4px 0 var(--color-black),3px 4px 0 var(--color-black),-3px 5px 0 var(--color-black),0px 5px 0 var(--color-black),3px 5px 0 var(--color-black),-3px 6px 0 var(--color-black),0px 6px 0 var(--color-black),3px 6px 0 var(--color-black),-3px 7px 0 var(--color-black),0px 7px 0 var(--color-black),3px 7px 0 var(--color-black),-3px 8px 0 var(--color-black),0px 8px 0 var(--color-black),3px 8px 0 var(--color-black),-3px 9px 0 var(--color-black),0px 9px 0 var(--color-black),3px 9px 0 var(--color-black),-3px 10px 0 var(--color-black),0px 10px 0 var(--color-black),3px 10px 0 var(--color-black),-3px 11px 0 var(--color-black),0px 11px 0 var(--color-black),3px 11px 0 var(--color-black),-3px 12px 0 var(--color-black),0px 12px 0 var(--color-black),3px 12px 0 var(--color-black),-3px 13px 0 var(--color-black),0px 13px 0 var(--color-black),3px 13px 0 var(--color-black),-3px 14px 0 var(--color-black),0px 14px 0 var(--color-black),3px 14px 0 var(--color-black),-3px 15px 0 var(--color-black),0px 15px 0 var(--color-black),3px 15px 0 var(--color-black),-3px 16px 0 var(--color-black),0px 16px 0 var(--color-black),3px 16px 0 var(--color-black),-3px 17px 0 var(--color-black),0px 17px 0 var(--color-black),3px 17px 0 var(--color-black),-3px 18px 0 var(--color-black),0px 18px 0 var(--color-black),3px 18px 0 var(--color-black);--link-text-shadow:-1px -1px 0 var(--color-black),0 -1px 0 var(--color-black),1px -1px 0 var(--color-black),-1px 0 0 var(--color-black),1px 0 0 var(--color-black),-1px 1px 0 var(--color-black),0 1px 0 var(--color-black),1px 1px 0 var(--color-black),-2px -2px 0 var(--color-black),-1px -2px 0 var(--color-black),0 -2px 0 var(--color-black),1px -2px 0 var(--color-black),2px -2px 0 var(--color-black),2px -1px 0 var(--color-black),2px 0 0 var(--color-black),2px 1px 0 var(--color-black),2px 2px 0 var(--color-black),1px 2px 0 var(--color-black),0 2px 0 var(--color-black),-1px 2px 0 var(--color-black),-2px 2px 0 var(--color-black),-2px 1px 0 var(--color-black),-2px 0 0 var(--color-black),-2px -1px 0 var(--color-black)}*,:after,:before{box-sizing:border-box}.title span{position:relative}body,h1,h2,h3,h4,h5,h6{margin:0}body,html{overflow-x:hidden}body{font-size:100%;line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background-color:#ffea64;background-color:var(--color-yellow);background-image:radial-gradient(#fddd50 20%,#0000 0),radial-gradient(#fddd50 20%,#0000 0);background-image:radial-gradient(var(--color-dark-yellow) 20%,#0000 0),radial-gradient(var(--color-dark-yellow) 20%,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px;color:#000;color:var(--color-black);font-family:Rubik,sans-serif;font-family:var(--font-family);font-size:1.125rem;font-size:var(--font-size-text);font-weight:400;font-weight:var(--font-weight-regular)}:focus{outline:2px dotted;outline-offset:.125rem}h1,h2,h3,h4{font-weight:800;font-weight:var(--font-weight-extrabold);line-height:1;margin-bottom:.65em;text-transform:uppercase}h1{color:#000;color:var(--color-black);font-size:7.5rem;font-size:var(--font-size-h1);font-size:clamp(4.25rem,10vw,7.5rem);font-size:clamp(4.25rem,10vw,var(--font-size-h1))}.profile h4,h2{font-size:2.5rem;font-size:var(--font-size-h2);font-size:clamp(2.375rem,5vw,2.5rem);font-size:clamp(2.375rem,5vw,var(--font-size-h2))}h3{font-size:1.875rem;font-size:var(--font-size-h3)}h4{font-size:1.375rem;font-size:var(--font-size-h4)}p{margin:0 0 1rem}strong{font-weight:700;font-weight:var(--font-weight-bold)}a{font-weight:800;font-weight:var(--font-weight-extrabold);text-decoration-thickness:.125em;text-transform:uppercase;text-underline-offset:.0875em}a,blockquote{color:#000;color:var(--color-black);position:relative}blockquote{background-color:#fff;background-color:var(--color-white);border:.25rem solid #000;border:.25rem solid var(--color-black);margin:1rem 0 2rem;padding:0}blockquote p{font-size:1.375rem;font-size:var(--font-size-h4);margin-bottom:0;padding:2.5rem 1rem 1.5rem;position:relative}blockquote p strong{font-size:1rem;left:-.25rem;padding:.25em 1em;position:absolute;text-transform:uppercase;top:-.25rem}#styles h2,.profile h4,blockquote p strong,main h2{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white)}#styles h2,.profile h4,main h2{align-self:center;font-weight:700;font-weight:var(--font-weight-bold);margin-top:-3.75rem;padding:.25em .5em;text-align:center;transform:skewX(-10deg) rotate(-2deg)}article .container>ol>li+li,article .container>ul:not(.features)>li+li{margin-top:1rem}article .container *+h2{margin-top:4rem}article .container,aside .container,nav ul{box-shadow:.5rem .5rem #84513d59}article .container,aside .container{background-color:#fff;background-color:var(--color-white);border:.25rem solid #000;border:.25rem solid var(--color-black);padding:1.625rem 1.5rem 2rem}@media (min-width:540px){article .container,aside .container{padding:1.75rem 2.5rem 2.5rem}}footer a:not([class^=link]):hover,header a:not([class^=link]):hover{text-decoration-thickness:.1875em}aside a:not([class^=link]):hover,main a:not([class^=link]):hover{background-color:#fc9;background-color:var(--color-peach)}aside .container{display:grid;justify-items:center}aside .container h2{text-align:center;width:100%}.page-footer,article,aside,header,nav{margin:0 auto;max-width:90rem;padding:.5rem;width:100%}@media (min-width:540px){.page-footer,article,aside,header,nav{padding:1rem}}main{padding-top:6rem}main:focus{outline:none}main .container h3{margin-top:2rem}aside,aside+aside,main article+article,section+section{margin-top:4rem}article section{align-items:flex-start;display:flex;flex-direction:column}header{color:#000;color:var(--color-black);padding-bottom:4rem;text-align:center}header h1{color:#fff;color:var(--color-white);font-style:italic;letter-spacing:-.05em;margin-bottom:0;padding:5rem 0 2.5rem;position:relative;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000,-2px -2px 0 #000,-1px -2px 0 #000,0 -2px 0 #000,1px -2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0 0 #000,2px 1px 0 #000,2px 2px 0 #000,1px 2px 0 #000,0 2px 0 #000,-1px 2px 0 #000,-2px 2px 0 #000,-2px 1px 0 #000,-2px 0 0 #000,-2px -1px 0 #000,-3px -3px 0 #000,-2px -3px 0 #000,0 -3px 0 #000,2px -3px 0 #000,3px -3px 0 #000,3px -2px 0 #000,3px 0 0 #000,3px 2px 0 #000,3px 3px 0 #000,2px 3px 0 #000,0 3px 0 #000,-2px 3px 0 #000,-3px 3px 0 #000,-3px 2px 0 #000,-3px 0 0 #000,-3px -2px 0 #000,-3px -3px 0 #000,-1px -3px 0 #000,0 -3px 0 #000,1px -3px 0 #000,3px -3px 0 #000,3px -1px 0 #000,3px 0 0 #000,3px 1px 0 #000,3px 3px 0 #000,1px 3px 0 #000,0 3px 0 #000,-1px 3px 0 #000,-3px 3px 0 #000,-3px 1px 0 #000,-3px 0 0 #000,-3px -1px 0 #000,-3px 4px 0 #000,0 4px 0 #000,3px 4px 0 #000,-3px 5px 0 #000,0 5px 0 #000,3px 5px 0 #000,-3px 6px 0 #000,0 6px 0 #000,3px 6px 0 #000,-3px 7px 0 #000,0 7px 0 #000,3px 7px 0 #000,-3px 8px 0 #000,0 8px 0 #000,3px 8px 0 #000,-3px 9px 0 #000,0 9px 0 #000,3px 9px 0 #000,-3px 10px 0 #000,0 10px 0 #000,3px 10px 0 #000,-3px 11px 0 #000,0 11px 0 #000,3px 11px 0 #000,-3px 12px 0 #000,0 12px 0 #000,3px 12px 0 #000,-3px 13px 0 #000,0 13px 0 #000,3px 13px 0 #000,-3px 14px 0 #000,0 14px 0 #000,3px 14px 0 #000,-3px 15px 0 #000,0 15px 0 #000,3px 15px 0 #000,-3px 16px 0 #000,0 16px 0 #000,3px 16px 0 #000,-3px 17px 0 #000,0 17px 0 #000,3px 17px 0 #000,-3px 18px 0 #000,0 18px 0 #000,3px 18px 0 #000;text-shadow:var(--header-text-shadow);white-space:pre-wrap}@media (min-width:600px){header h1{padding:1em 0 3.25rem}}header h2{font-size:clamp(1.875rem,4vw,2.5rem);font-size:clamp(1.875rem,4vw,var(--font-size-h2));font-weight:600;font-weight:var(--font-weight-semibold);margin:auto auto .65em;max-width:30ch}header p{margin-bottom:2rem}#styles .section-content{margin-top:6rem}#styles .section-content .paragraph{align-self:center;font-size:1.375rem;font-size:var(--font-size-h4);font-weight:700;font-weight:var(--font-weight-bold);margin-top:2rem;text-align:center}#redacteur .features-list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:1rem 0 2rem;padding:0}#redacteur .features-list li{background-color:#000;background-color:var(--color-black);border-radius:.5em;color:#fff;color:var(--color-white);margin:.25em .25em 1em;padding:.5em .75em;position:relative}#redacteur .features-list li:before{border-bottom:10px solid #0000;border-left:15px solid #000;border-left:15px solid var(--color-black);border-right:5px solid #0000;border-top:5px solid #000;border-top:5px solid var(--color-black);bottom:-.5em;content:"";height:0;left:.75em;position:absolute;width:0}#contribute p:first-of-type,#guidelines p:first-of-type{font-size:1.375rem;font-size:var(--font-size-h4);font-weight:700;font-weight:var(--font-weight-bold)}#guidelines .container>a{align-self:center;margin-top:1rem}#contribute section{background-color:#fff;background-color:var(--color-white);border-bottom:none;padding-bottom:0}#contribute section:nth-child(2){border-top:none;margin-top:0;padding-top:0}#contribute ol{counter-reset:contribute-counter;list-style:none;padding-left:0;position:relative}#contribute ol li{counter-increment:contribute-counter;padding-left:3rem;position:relative}#contribute ol li:before{background-color:#000;background-color:var(--color-black);border-radius:50%;color:#ffea64;color:var(--color-yellow);content:counter(contribute-counter);font-size:1.375rem;font-size:var(--font-size-h4);font-weight:700;font-weight:var(--font-weight-bold);height:1.5em;left:0;position:absolute;text-align:center;top:-.1875rem;width:1.5em}#files .container{align-items:center;border-top:none;display:flex;flex-wrap:wrap}#files .container h3{min-width:100%}#files .container a{font-size:1.5rem}#files .container a,.page-footer .container ul li{margin:.5rem}.features{list-style:none;margin:0 0 2rem;padding:0}.features li{padding:1rem 0;position:relative;text-align:center}.features li>span,.features li>span span{display:block}.features li>span span:nth-child(2){position:relative}.profile ul{list-style:none;margin:0 0 1.5rem;padding:0}.profile ul li{display:flex;padding:.45em}.profile ul li span:first-child{font-weight:700;font-weight:var(--font-weight-bold);margin-right:.5em}.page-footer{padding-bottom:3rem;padding-top:3rem;position:relative}.page-footer .container>:last-child{margin-bottom:0}.page-footer p{margin-left:auto;margin-right:auto;max-width:75ch;text-align:center}.page-footer p a{color:inherit}.page-footer ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 0 2rem;padding:0}.skip-link{background-color:#1b62b9;background-color:var(--color-blue);color:#fff;color:var(--color-white);font-size:1.125rem;height:1px;left:-10000px;overflow:hidden;position:absolute;text-decoration:none;top:auto;width:1px}.skip-link:focus{color:#f0f0f0;color:var(--color-gray);height:auto;left:0;margin:.5em;top:0;width:auto}.profile .container>a,.skip-link,[class^=link],nav ul{border-radius:2em;box-shadow:inset .1875rem .1875rem #fff,inset -.1875rem -.1875rem #000;box-shadow:inset .1875rem .1875rem var(--color-white),inset -.1875rem -.1875rem var(--color-black)}.profile .container>a,.skip-link,[class^=link],nav ul a{font-size:1.25rem;text-shadow:-1px -1px 0 #000,0 -1px 0 #000,1px -1px 0 #000,-1px 0 0 #000,1px 0 0 #000,-1px 1px 0 #000,0 1px 0 #000,1px 1px 0 #000,-2px -2px 0 #000,-1px -2px 0 #000,0 -2px 0 #000,1px -2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0 0 #000,2px 1px 0 #000,2px 2px 0 #000,1px 2px 0 #000,0 2px 0 #000,-1px 2px 0 #000,-2px 2px 0 #000,-2px 1px 0 #000,-2px 0 0 #000,-2px -1px 0 #000;text-shadow:var(--link-text-shadow)}.profile .container>a,[class^=link]{align-items:center;background-color:#1b62b9;background-color:var(--color-blue);color:#fff;color:var(--color-white);display:inline-flex;justify-content:center;position:relative}.profile .container>a,.skip-link:focus,[class^=link]{border:.1875rem solid #000;border:.1875rem solid var(--color-black);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1;padding:.875em 1em;text-align:center;text-decoration:none;text-transform:uppercase}.profile .container>a:focus,.profile .container>a:hover,.skip-link:focus,[class^=link]:focus,[class^=link]:hover{background-color:#144c90;background-color:var(--color-dark-blue)}.profile .container>a:focus,.profile .container>a:hover,[class^=link]:focus,[class^=link]:hover,nav ul a:focus,nav ul a:hover{box-shadow:inset .125em .125em #000;box-shadow:inset .125em .125em var(--color-black);color:#f0f0f0;color:var(--color-gray);transform:translateY(.025em)}.profile .container>a:focus,.skip-link:focus,[class^=link]:focus,nav ul a:focus{border-color:#fff;border-color:var(--color-white);box-shadow:0 0 0 .1875rem #000;box-shadow:0 0 0 .1875rem var(--color-black);outline:2px solid #0000;outline-offset:4px}.link-github span{display:block;height:1em}.link-github svg{fill:currentColor;stroke:#000;stroke:var(--color-black);stroke-width:3px;display:inline-block;height:1em;margin-right:.375em;position:relative}.animation-btn,.footer-btn,.redacteur-btn,.visual-btn{font-size:1rem!important}.animation-btn svg,.footer-btn svg,.redacteur-btn svg,.visual-btn svg{font-size:1rem!important;height:1rem!important;width:1rem!important}.email-container{margin-top:20px}.email-container,.header-roles{display:flex;justify-content:center}.header-roles{flex-wrap:wrap;gap:4rem;margin-top:1rem}.header-roles .role{align-items:center;display:flex;flex-direction:column;text-align:center}.header-roles .role h2{font-size:1.5rem;margin-bottom:.25rem}.header-roles .role p{font-size:1rem;margin:0 0 1rem;opacity:.9}.header-roles .role .cv-btn{font-size:1rem;min-width:280px}.email-btn{background-color:#1a5276!important;cursor:pointer;font-size:1rem!important;min-width:280px}.email-btn:hover{background-color:#154360!important}@media (max-width:600px){.header-roles{flex-direction:column;gap:2rem}}.header-email{display:flex;justify-content:center;margin-top:1.5rem}.clipboard{background:#007bff;border:2px solid #0000;border-radius:1.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:3rem;padding:0 1.5rem;transition:transform .15s ease-in-out,background-color .2s ease-in-out}.clipboard:hover{background-color:#0056b3;transform:scale(1.075)}.clipboard:active{transform:scale(.95)}@media (min-width:540px){nav ul{display:flex;flex-wrap:nowrap;justify-content:center}}nav ul li{margin:.375rem .375rem .5rem}@media (min-width:540px){nav ul li{flex:1 0 auto}}@media (min-width:600px){nav ul li{flex:1 0 auto}nav ul a{font-size:1.05rem}}@media (min-width:940px){nav ul li{flex:1 0 auto}nav ul a{font-size:1.1rem;padding:.5em 1em}}nav{position:relative;transition:opacity .2s ease;z-index:1000}.nav-container,nav{display:flex;justify-content:center;width:100%}.nav-container{align-items:center;margin:0 auto;max-width:65rem}@media (max-width:768px){.nav-container{justify-content:flex-start;margin:0;max-width:none;overflow:visible;padding:0 1rem;position:relative}}nav.sticky{left:50%;max-width:65rem;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:1000}nav ul{background-color:var(--color-red);border:.25rem solid var(--color-black);border-radius:2rem;display:flex;flex-wrap:nowrap;font-size:1.25rem;justify-content:center;list-style:none;margin:0;max-width:fit-content;padding:.125rem}@media (max-width:768px){nav ul{display:none}}nav ul li{flex:1 0 auto;margin:.2rem;min-width:0;text-align:center}nav ul a{border:.1875rem solid var(--color-red);border-radius:2em;color:var(--color-white);display:block;font-size:1rem;font-weight:var(--font-weight-semibold);padding:.4em .8em;text-align:center;text-decoration:none;white-space:nowrap}nav ul a:hover{background-color:var(--color-dark-red);border-color:var(--color-black)}.menu{background:none;border:none;color:var(--color-white);cursor:pointer;display:none;font-size:2rem;transition:transform .3s ease-in-out}@media (max-width:768px){nav{justify-content:flex-start}.burger-menu{background-color:#fff!important;border:2px solid #000!important;border-radius:.375rem!important;color:var(--color-black)!important;cursor:pointer;font-size:1.5rem;padding:.25rem!important;transition:transform .3s ease-in-out;z-index:1001!important}.nav-links{background-color:var(--color-red);border:.25rem solid var(--color-black);border-top:none;box-sizing:border-box;display:none;left:0;margin:0;min-width:100vw;padding:.125rem;position:fixed;right:0;top:60px;width:100vw;z-index:999}.nav-links.open{display:flex}.nav-links{flex-direction:column}.nav-links li{flex:none;margin:.375rem .375rem .5rem;text-align:center;width:calc(100% - .75rem)}.nav-links li a{border:.1875rem solid var(--color-red);border-radius:2em;color:var(--color-white);display:block;font-size:1.25rem;font-weight:var(--font-weight-semibold);padding:.5em;text-align:center;text-decoration:none}.menu{background-color:initial;border:none;cursor:pointer;display:flex;padding:0}}.line{fill:none;stroke:#000;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line,.line1{stroke-width:6}.line1{stroke-dasharray:60 207}.line2{stroke-dasharray:60 60}.line2,.line3{stroke-width:6}.line3{stroke-dasharray:60 207}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134}.section-header{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem}.section-header h2{margin-bottom:0}.header-btn,.header-btn svg{font-size:1rem!important}.header-btn svg{height:1rem!important;width:1rem!important}.projects-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.project-card{background-color:var(--color-white);border:.25rem solid var(--color-black);box-shadow:.5rem .5rem #84513d59;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s}.project-card:hover{transform:translateY(-5px)}.project-card h3{line-height:1.2;margin:0 0 1rem;text-align:center}.project-image-container{align-items:center;display:flex;gap:.5rem;height:220px;justify-content:center;margin-bottom:1rem}.project-image-container.multiple-images{height:280px}.project-image-container.multiple-images .project-image{max-height:100%;max-width:48%;width:auto}.project-image{border:2px solid var(--color-dark-blue);border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.project-content{grid-gap:1.5rem;align-items:center;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:1fr 1.2fr;margin-bottom:1rem}.project-description{align-items:center;display:flex;height:100%;justify-content:center}.project-description p{font-size:.95rem;line-height:1.5;margin:0;text-align:center}.project-technologies>p{font-size:.95rem;font-weight:700;margin:0 0 .75rem;text-align:center}.technologies-container{display:flex;gap:1rem;justify-content:center}.tech-category{min-width:70px;text-align:center}.tech-category h4{border-bottom:1px solid #ddd;color:#666;font-size:.6rem;letter-spacing:.03em;margin:0 0 .4rem;padding-bottom:.25rem;text-transform:uppercase}.technologies-icons{flex-direction:column}.tech-item,.technologies-icons{align-items:center;display:flex;gap:.4rem}.tech-icon{height:20px;object-fit:contain;width:20px}.tech-fa-icon{font-size:1.1rem;height:20px;width:20px}.tech-fa-icon.fa-html5{color:#e34f26}.tech-fa-icon.fa-css3-alt{color:#1572b6}.tech-fa-icon.fa-square-js{color:#f7df1e}.tech-fa-icon.fa-react{color:#61dafb}.tech-fa-icon.fa-php{color:#777bb4}.tech-fa-icon.fa-wordpress{color:#21759b}.tech-name{font-size:.7rem;white-space:nowrap}.project-card .link-allstyles{margin-top:auto}.voir-plus-btn{cursor:pointer;margin-top:2rem}.dev-badge{align-items:center;background-color:#888;border:.1875rem solid var(--color-black);border-radius:2em;box-shadow:inset .1875rem .1875rem var(--color-white),inset -.1875rem -.1875rem var(--color-black);color:var(--color-white);display:inline-flex;font-size:1.25rem;font-weight:var(--font-weight-semibold);justify-content:center;line-height:1;margin-top:auto;padding:.875em 1em;text-shadow:var(--link-text-shadow);text-transform:uppercase}@media (max-width:1024px){.project-content{gap:1rem;grid-template-columns:1fr}.project-description p{text-align:center}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{padding:1rem}.project-image-container{height:200px}}.musique-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1.5fr}.musique-image img{border:2px solid var(--color-dark-blue);border-radius:8px;box-shadow:0 4px 15px #00000026;height:auto;max-width:400px;width:100%}.musique-details{display:flex;flex-direction:column;gap:1.5rem}.musique-details p{font-size:1.1rem;line-height:1.6;margin:0}.soundcloud-players{display:flex;flex-direction:column;gap:1rem}.soundcloud-players iframe{border-radius:8px}.musique-details .link-allstyles{align-self:center;font-size:1rem}.musique-details .link-allstyles svg{font-size:1rem!important;height:1rem!important;width:1rem!important}@media (max-width:768px){.musique-content{grid-template-columns:1fr;text-align:center}.musique-image img{margin:0 auto}.musique-details .link-allstyles{align-self:center}}.tournage-intro{margin-bottom:1.5rem;text-align:center}.videos-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;width:100%}.video-container{aspect-ratio:16/9;border-radius:15px;box-shadow:0 10px 30px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.video-container iframe{border:none;height:100%;width:100%}.video-container:hover{box-shadow:0 15px 40px #0003;transform:scale(1.02)}.tournage-btn,.tournage-btn svg{font-size:1rem!important}.tournage-btn svg{height:1rem!important;width:1rem!important}@media (max-width:768px){.videos-row{grid-template-columns:1fr}}.email-highlight{color:var(--color-dark-blue);font-size:1.2rem}.page-footer .container .footer-bottom{align-items:center;display:flex;flex-direction:column;margin-top:2rem;padding-top:1rem;text-align:center!important;width:100%}.footer-bottom p{color:#555;font-size:.85rem;margin:.3rem 0;text-align:center!important}.footer-bottom .heart-icon{color:#e74c3c}.footer-bottom .react-icon{color:#61dafb}.footer-bottom .copyright{color:#888;font-size:.8rem;margin-top:.5rem;text-align:center!important}.skills-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);width:100%}.skills-column{background-color:var(--color-white);border:.2rem solid var(--color-black);border-radius:1rem;box-shadow:.2rem .2rem #0000001a;padding:1.5rem}.skills-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.skills-list.two-column{grid-template-columns:repeat(2,1fr)}.skills-list li{align-items:center;background-color:var(--color-white);border:.17rem solid var(--color-black);border-radius:1rem;box-shadow:.17rem .17rem #0000001a;box-sizing:border-box;display:flex;flex-direction:column;font-size:1rem;height:110px;justify-content:center;padding:.75rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.skills-list li:hover{box-shadow:.3rem .3rem #0003;transform:scale(1.05)}.skills-list li:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;max-width:60%}.skills-list li img.custom-icon{display:block;height:40px;margin:0 auto;width:40px}.skills-list li span{word-wrap:break-word;display:block;font-size:.9rem;font-weight:var(--font-weight-bold);margin-top:.5rem;text-align:center}.skills-column h3{font-size:var(--font-size-h3);margin-bottom:1.5rem;text-align:center;text-transform:uppercase}@media (max-width:1024px){.skills-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skills-columns{gap:1.5rem;grid-template-columns:1fr}.skills-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.skills-list li{font-size:.8rem;margin:.5rem;padding:.5rem}.skills-list li img.custom-icon{height:32px;width:32px}.skills-column h3{font-size:1.25rem}}#animation{background-color:var(--color-cream)}#animation .section-intro{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.experiences-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.experience-card.full-width{grid-column:1/-1;text-align:center}.experience-card.full-width p{margin-bottom:0;margin-left:auto;margin-right:auto;max-width:600px}.experience-card{background-color:var(--color-white);border:.25rem solid var(--color-black);box-shadow:.5rem .5rem #84513d59;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1.5rem;text-align:center;transition:transform .2s}.experience-card.highlight{border-color:var(--color-dark-blue);box-shadow:.5rem .5rem #004d4059}.experience-card:hover{transform:translateY(-5px)}.experience-card h3{line-height:1.2;margin-bottom:1rem;margin-top:0}.experience-card p{line-height:1.5;margin-bottom:1rem;text-align:left}.experience-image-container{align-items:center;display:flex;height:180px;justify-content:center;margin-bottom:1rem}.experience-image{border:2px solid var(--color-dark-blue);border-radius:8px;max-height:100%;max-width:100%;object-fit:contain}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.tag{background-color:var(--color-dark-blue);border-radius:20px;color:var(--color-white);font-size:.8rem;font-weight:500;padding:.3rem .8rem}.experience-card.highlight .tag{background-color:var(--color-terracota)}.projets-links{margin-top:auto;padding-top:1rem}.projets-links strong{display:block;font-size:.9rem;margin-bottom:.5rem}.projets-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.projet-link{background-color:var(--color-blue);border-radius:5px;color:var(--color-white);display:inline-block;font-size:.9rem;font-weight:500;padding:.5rem 1.2rem;text-decoration:none;transition:background-color .2s,transform .2s}.projet-link:hover{background-color:var(--color-dark-blue);transform:scale(1.05)}.experience-card .link-allstyles{margin-top:auto}@media (max-width:768px){.experiences-grid{grid-template-columns:1fr}.experience-card{padding:1rem}#animation .section-intro{font-size:1rem;padding:0 1rem}}.logo3d-section{margin-top:3rem;text-align:center}.logo3d-section h4,.videos-section h4{font-size:1.5rem;margin-bottom:.5rem}.subsection-text{font-size:1rem;margin-bottom:1.5rem}.subsection-text em{color:var(--color-dark-blue)}.videos-section{margin-top:3rem;text-align:center}.videos-section h4{margin-bottom:1.5rem}.videos-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;justify-items:center}.videos-column-left{align-items:center;flex-direction:column;gap:1rem}.videos-column-left,.videos-column-right{display:flex;justify-content:center;width:100%}.videos-column-right{align-items:stretch}.video-placeholder{background-color:#1a1a2e;border-radius:8px;box-shadow:0 4px 15px #0003;overflow:hidden}.video-placeholder video{display:block;height:100%;object-fit:cover;width:100%}.video-placeholder.landscape{aspect-ratio:16/9;max-width:500px;width:100%}.video-placeholder.portrait{aspect-ratio:9/16;height:580px}@media (max-width:768px){.videos-grid{grid-template-columns:1fr}.videos-column-right{height:auto}.video-placeholder.portrait{max-height:500px}}.effets-section{margin-top:3rem;text-align:center}.effets-section h4{font-size:1.5rem;margin-bottom:.5rem}.effets-videos-row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.effets-video{border-radius:8px;height:auto;max-width:400px;width:100%}@media (max-width:850px){.effets-videos-row{align-items:center;flex-direction:column}}.logo3d-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:12px;box-shadow:0 10px 40px #0000004d;margin:0 auto;max-width:500px;overflow:hidden;width:100%}.logo3d-container canvas{cursor:grab}.logo3d-container canvas:active{cursor:grabbing}.serveur-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr;justify-items:center;margin-bottom:2rem}.serveur-slideshow{border-radius:15px;box-shadow:0 10px 30px #00000026;overflow:hidden;position:relative;width:100%}.slideshow-image{display:block;height:auto;transition:opacity .5s ease;width:100%}.slideshow-dots{bottom:15px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:12px;transition:background-color .3s ease,transform .3s ease;width:12px}.dot:hover{background-color:#fffc}.dot.active{background-color:var(--color-blue);transform:scale(1.2)}.serveur-details{display:flex;flex-direction:column;gap:1rem}.serveur-intro{color:var(--color-dark-blue);font-size:1.3rem;margin-bottom:.5rem;text-align:center}.serveur-specs{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.spec-category{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid var(--color-black);border-radius:10px;padding:1rem}.spec-category h4{align-items:center;color:var(--color-dark-blue);display:flex;font-size:1rem;gap:.5rem;margin:0 0 .75rem}.spec-category ul{list-style:none;margin:0;padding:0}.spec-category li{border-bottom:1px solid #0000001a;font-size:.9rem;padding:.25rem 0}.spec-category li:last-child{border-bottom:none}.serveur-results{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.result-item{align-items:center;background-color:#3498db1a;border-radius:8px;display:flex;gap:.75rem;padding:.5rem}.result-item svg{color:var(--color-blue);font-size:1.2rem;min-width:25px}.serveur-btn,.serveur-btn svg{font-size:1rem!important}.serveur-btn svg{height:1rem!important;width:1rem!important}@media (max-width:900px){.serveur-content{grid-template-columns:1fr}.serveur-slideshow{margin:0 auto;max-width:500px}}@media (max-width:600px){.serveur-specs{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5531e98b.css.map*/