@keyframes slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes blink{50%{opacity:.5}}html{background-color:#18181b;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;overflow-x:hidden;scroll-behavior:smooth}body,html{border:0;font-size:100%;margin:0;padding:0;vertical-align:baseline}body{font:inherit;line-height:1}applet,div,h1,iframe,object,span{border:0;margin:0;padding:0}applet,div,h1,h2,iframe,object,span{font-size:100%;font:inherit;vertical-align:baseline}h2{border:solid #6b7280;border-width:0 0 0 4px;font-size:1.875rem;font-weight:700;line-height:2.25rem;margin:0 0 2rem;padding:0 0 0 1rem}blockquote,h3,h4,h5,h6,p{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}blockquote{quotes:none}blockquote:after,blockquote:before{content:"";content:none}a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,pre,q{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}q{quotes:none}q:after,q:before{content:"";content:none}b,center,dd,dl,dt,i,s,samp,small,strike,strong,sub,sup,tt,u,var{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}ol,ul{list-style:none}fieldset,form,label,legend,li,ol,table,ul{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0}caption,tbody,td,tfoot,th,thead,tr{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside{display:block}article,aside,canvas,details{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}details{display:block}embed{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}figcaption,figure,footer{border:0;display:block;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}footer{align-items:center;display:flex;flex-direction:column;height:100vh;height:inherit;justify-content:center;min-height:inherit}footer #contact{color:#fff;margin-bottom:2rem;padding-top:2rem;text-align:center;width:80%}footer #contact h2{border:none;display:inline}footer #contact h2:after{animation:blink 1s step-end infinite;content:"_"}footer #contact div{display:flex;gap:1rem;justify-content:center;padding-top:2rem}footer #contact div a{background-color:rgba(17,24,39,.502);border:solid;border-radius:9999px;border-width:1px;box-sizing:border-box;color:inherit;padding:.75rem;text-decoration:inherit;transition:color,background-color,border-color,text-decoration-color,fill,stroke .15s cubic-bezier(.4,0,.2,1)}footer #contact div a:hover{border-color:#4b5563}header{align-items:center;background-image:linear-gradient(hsla(0,0%,87%,.1) .5px,transparent 0,transparent calc(100% - .5px),hsla(0,0%,87%,.1) calc(100% - .5px)),linear-gradient(90deg,hsla(0,0%,87%,.1) .5px,transparent 0,transparent calc(100% - .5px),hsla(0,0%,87%,.1) calc(100% - .5px));background-size:12.5% 12.5%;border:0;display:block;display:flex;flex-direction:column;font-size:100%;font:inherit;height:100vh;justify-content:center;margin:0;padding:0;vertical-align:baseline;width:100%}header h1{color:#fff;font-size:3.75rem;font-weight:700;line-height:1;margin-bottom:1rem}header h2{border:none;color:#9ca3af;font-size:1.25rem;line-height:1.75rem}hgroup,menu,nav{display:block}hgroup,menu,nav,output,ruby,section{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}section{display:block}audio,mark,summary,time,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}*{box-sizing:border-box}body.no-scroll{height:100vh;overflow:hidden}#menu-toggle{border:thin solid #f2eac7;display:none;font-size:2rem;padding:.3rem;position:absolute;right:2rem;top:2rem;z-index:999}#menu-toggle svg{color:#f2eac7}#menu-toggle svg.close,#menu-toggle.show svg.show{display:none}#menu-toggle.show svg.close{display:inline-flex}#menu{align-items:center;display:flex;justify-content:space-between;left:0;padding:2rem 3rem 0;position:absolute;right:0;top:0}#menu .logo{color:#fff;font-size:1.5rem;font-weight:700}#menu ul{display:flex;gap:1rem}#menu ul li{list-style:none}#menu ul li a{color:#fff;font-size:1.25rem;font-weight:700;text-decoration:none}#menu .bottom-title,#menu .top-title,#menu ul li a span{display:none}#main-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.section{color:#fff;min-height:100vh;padding-top:5rem;width:80%}.title-1{align-items:center;display:flex;gap:.5rem;padding-left:1.5rem}.title-1 div{background-color:#3f3f46;flex:1 1 0%;height:1px}.blink{animation:blink 2s cubic-bezier(.4,0,.6,1) infinite}.color-secondary{color:#f2eac7}#a-propos{display:flex}#a-propos .half-container{flex:1}#a-propos img{height:100%;width:80%}#a-propos div{display:flex;flex-direction:column;justify-content:center}#a-propos div div{background-color:rgba(17,24,39,.502);padding-left:1rem}#a-propos div div.first{border-left:.2rem;border-color:#f2eac7;border-radius:1rem 1rem 0 0;border-radius:0;border-style:solid;margin-top:1rem;padding:1rem}#a-propos div div.first p{display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}#a-propos div div.first p span:first-of-type{color:#f2eac7}#a-propos div p{line-height:1.25rem;padding:1rem 0;width:95%}#competences-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr));padding:4rem}#competences-grid .competence-container{border:0 solid #e5e7eb}#competences-grid .competence-container .competence-title{align-items:center;display:flex;gap:.5rem}#competences-grid .competence-container .competence-title svg{color:#f2eac7}#competences-grid .competence-container .competence-item{position:relative}#competences-grid .competence-container .competence-item .competence{align-items:center;background-color:rgba(17,24,39,.502);border:1px solid #27272a;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem}#competences-grid .competence-container .competence-item .competence:hover{border-color:#fefae7!important}#competences-grid .competence-container .competence-item svg{color:#f2eac7;display:block;height:1rem;width:1rem}#competences-grid .competence-container .competence-item .gray-color{font-size:.875rem;line-height:1.25rem}#competences-grid .competence-container .competence-item .competence-status{align-items:center;border-width:1px;color:#5e6269;display:flex;gap:.5rem;margin-left:auto;padding:.5rem}#competences-grid .competence-container .competence-item .competence-status div{background-color:#f2eac7;height:.375rem;width:.375rem}#competences-grid .competence-container .competence-item .competence-status span{font-size:10px}#competences-grid .competence-container .competence-item .competence-status.active{color:#f2eac7}#experiences b{color:#f2eac7;font-weight:700}#experiences .title-top{margin-bottom:1.5rem}#experiences .experience-container:hover{border-color:#fefae7!important}#experiences #experiences-container{display:grid;gap:1.5rem;margin-bottom:1.5rem}#experiences #experiences-container .experience-container{border:1px solid #a0aaaa;padding:1.5rem;position:relative}#experiences #experiences-container .experience-container .experience-title{align-items:center;display:flex;font-size:.75rem;gap:.5rem;line-height:1rem;margin-bottom:1rem}#experiences #experiences-container .experience-container .experience-title span{color:#f2eac7}#experiences #experiences-container .experience-container .experience-title .separator{background-color:#3f3f46;flex:1 1 0%;height:1px}#experiences #experiences-container .experience-container .experience-title .experience-date{align-items:center;display:flex;gap:.5rem}#experiences #experiences-container .experience-container .experience-title .experience-date span{color:inherit}#experiences #experiences-container .experience-container .experience-title svg{color:#f2eac7;height:1rem;width:1rem}#experiences #experiences-container .experience-container .sub-experience-title{align-items:center;display:flex;font-size:.75rem;gap:.5rem;line-height:1rem;margin-bottom:1rem}#experiences #experiences-container .experience-container .sub-experience-title span{color:#f2eac7}#experiences #experiences-container .experience-container .sub-experience-title .separator{background-color:#3f3f46;flex:1 1 0%;height:1px}#experiences #experiences-container .experience-container .sub-experience-title .experience-date{align-items:center;display:flex;gap:.5rem}#experiences #experiences-container .experience-container .sub-experience-title .experience-date span{color:inherit}#experiences #experiences-container .experience-container .sub-experience-title svg{color:#f2eac7;height:1rem;width:1rem}#experiences #experiences-container .experience-container .sub-experiences .sub-experience-title .separator{background-color:inherit;background-image:linear-gradient(90deg,#3f3f46,transparent)}#experiences #experiences-container .experience-container .sub-experiences .sub-experience-title svg{height:.75rem;width:.75rem}#experiences #experiences-container .experience-container .sub-experiences .description,#experiences #experiences-container .experience-container .sub-experiences .title{padding-left:.3rem}#experiences #experiences-container .experience-container .sub-experiences .sub-experiences-container{padding-left:.75rem}#experiences #experiences-container .experience-container .sub-experiences .sub-experiences-container .sub-experience{-o-border-image:linear-gradient(180deg,#f2eac7,transparent) 1;border-image:linear-gradient(180deg,#f2eac7,transparent) 1;border-left:1px solid;margin-bottom:1rem;padding-left:.3rem}#experiences #experiences-container .experience-container .sub-experiences .sub-experiences-container .sub-experience .title{font-size:1.125rem;font-weight:300;letter-spacing:.05em;line-height:1.75rem}#experiences #experiences-container .experience-container .sub-experiences .sub-experiences-container .sub-experience .description{font-size:.875rem;line-height:1.25rem}#experiences #experiences-container .experience-container h3{font-size:1.125rem;font-weight:300;letter-spacing:.05em;line-height:1.75rem;padding-left:.3rem}#experiences #experiences-container .experience-container .company-name{align-items:center;display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;padding-left:.3rem}#experiences #experiences-container .experience-container .experience-description{border:solid #e5e7eb;border-width:0 0 0 1px;font-size:.875rem;line-height:1.25rem;margin-bottom:1rem;margin-left:.3rem;margin-top:1rem;padding-left:1rem}#experiences #experiences-container .experience-container .tags-container{margin-top:1rem}#experiences #experiences-container .experience-container .tags-container .experience-tag{align-items:center;color:#f2eac7;display:flex;font-size:.75rem;gap:.5rem;line-height:1rem;margin-bottom:1rem}#experiences #experiences-container .experience-container .tags-container .experience-tag svg{height:.75rem;width:.75rem}#experiences #experiences-container .experience-container .tags-container .tags{display:flex;flex-wrap:wrap;gap:.5rem;padding-left:.3rem}#experiences #experiences-container .experience-container .tags-container .tags span{align-items:center;border:1px solid #3f3f46;display:flex;font-size:.75rem;gap:.2rem;line-height:1rem;padding:.2rem .5rem}#experiences #experiences-container .experience-container .tags-container .tags span.dot{padding:0}#experiences #experiences-container #experiences-archive{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}#experiences #experiences-container #experiences-archive .experience-container{background:#18181b;border-color:#3f3f46}.dot{background-color:#f2eac7;display:inline-block;height:.25rem;width:.25rem}#projects-container{display:grid;gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}#projects-container .project-container{border:1px solid #3f3f46;padding:1.5rem}#projects-container .project-container .title{align-items:center;color:#f2eac7;display:flex;gap:.5rem;margin-bottom:1.5rem}#projects-container .project-container .description{border:solid #f2eac7;border-width:0 0 0 1px;font-size:.875rem;line-height:1.25rem;margin-bottom:1.5rem;padding-left:1rem}#projects-container .project-container .tags-container .separator{background-image:linear-gradient(90deg,#f2eac7,transparent);height:1px}#projects-container .project-container .tags-container .tags{display:flex;flex-wrap:wrap;gap:.75rem;padding-top:.75rem}#projects-container .project-container .tags-container .tags .tag{background-color:rgba(17,24,39,.502);border:1px solid #27272a;font-size:.75rem;line-height:1rem;padding:.2em .5rem}#projects-container .project-container .tags-container .tags .tag span{color:#f2eac7}#projects-container .project-container .access-container{margin-top:1rem}#projects-container .project-container .access-container .separator{background-image:linear-gradient(90deg,#3f3f46,transparent);height:1px}#projects-container .project-container .access-container .links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;padding-top:.75rem}#projects-container .project-container .access-container .links a{align-items:center;color:#a1a1aa;display:flex;font-size:.75rem;gap:.5rem;line-height:1rem;text-decoration:inherit}#projects-container .project-container .access-container .links a:hover{color:#f2eac7}#competences,#projets{height:inherit;min-height:inherit}@media(max-width:768px){header h1{font-size:2.5rem}header h2{font-size:1rem}#menu-toggle{color:#fff;display:flex}#menu{align-items:stretch;background-color:#18181b;flex-direction:column;height:100vh;left:0;padding:2.5rem;position:fixed;right:0;top:0;width:100%;z-index:998}#menu ul{flex:1 1 40%;flex-direction:column;gap:.5rem;justify-content:center}#menu ul li{border:thin solid #f2eac7;display:flex;justify-content:left;padding:.75rem}#menu ul li a{color:#f2eac7;display:flex;font-size:1.2rem;gap:.5rem;letter-spacing:.05em}#menu ul li a span{display:block}#menu .top-title{align-items:center;color:#f2eac7;display:flex;flex:1 1 20%;gap:.5rem}#menu .top-title span{color:#fff}#menu .bottom-title{align-items:center;color:#f2eac7;display:flex;flex:1 1 20%;gap:.5rem}#menu .bottom-title span{color:#fff}#menu .logo{display:none}#menu.show{animation:slide-in .3s forwards;display:flex}#menu.hide{animation:slide-out .3s forwards}#menu.default{display:none}.section{padding-top:3rem;width:95%}.title-1{flex-direction:column}h2{font-size:1.5rem;padding-left:.5rem}#a-propos{flex-direction:column}#a-propos img{width:100%}#a-propos div,footer{padding:1rem}footer #contact{width:95%}#competences-grid{padding:2rem}#competences-grid,#experiences #experiences-container,#experiences #experiences-container #experiences-archive{grid-template-columns:1fr}#projects-container .project-container .access-container .links{justify-content:center}#projects-container{grid-template-columns:1fr}}