body{overflow-x:hidden}.unselectable{-moz-user-select:none;-webkit-user-select:none;user-select:none}.home{background-color:#000;position:relative}.home,.home__opening-section{display:flex;flex-direction:column}.home__opening-section{background-color:#17191e}.home__opening-section .home__title{height:100%;padding:2rem;z-index:100;display:flex;gap:2rem;flex-direction:column-reverse;justify-content:center;align-items:center}.home__opening-section .home__specification{color:#fff;font-size:2.5rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.home__opening-section .home__specification-text{display:flex;text-align:center;gap:.75rem;flex-wrap:wrap}.home__opening-section .home__separator{height:2px;width:100%;background-color:#fff}.home__opening-section .home__name{text-align:center}.home__opening-section .home__name-text{font-size:4rem;font-family:Blatant;color:#fff}.home__opening-section .home__name-text:hover{color:#fff}.home__opening-section .home__navigate{height:100%;width:100%;display:flex;padding:1.5rem;align-items:flex-end;justify-content:center}.home__cvSection,.home__projectPresentation{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.25rem}.home__cvSection a,.home__projectPresentation a{display:inline-block;background:rgba(0,0,0,0);color:#fdf7f0;padding:.35em 1em;border-radius:2em;font-size:1.25rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:2px solid #fdf7f0}.home__cvSection a:focus,.home__cvSection a:hover,.home__projectPresentation a:focus,.home__projectPresentation a:hover{background:#fdf7f0;color:#17191e;border-color:rgba(0,0,0,0)}.home__presentation{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:6rem 4rem 16rem;background-color:#000}.home .ProjectPage__nav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.25rem}.home .ProjectPage__nav a{display:inline-block;background:rgba(0,0,0,0);color:#fdf7f0;padding:.35em 1em;border-radius:2em;font-size:1.25rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:2px solid #fdf7f0}.home .ProjectPage__nav a:focus,.home .ProjectPage__nav a:hover{background:#fdf7f0;color:#17191e;border-color:rgba(0,0,0,0)}.home__skillGeneral{display:flex;flex-direction:row;justify-content:space-between;padding:12rem 4rem 16rem;background-color:#000}.home__timeline{background-color:#17191e}.home__nav{position:fixed;right:0;top:50%;transform:translateY(-50%)}@media(min-width:800px){.home__opening-section .home__title{width:100%;max-width:750px;height:500px;max-height:100%;margin:auto;display:grid;align-items:inherit;justify-content:inherit;grid-template-columns:1fr 2px 1fr;grid-template-rows:1fr;grid-column-gap:1rem}.home__opening-section .home__specification{display:flex;flex-direction:column;justify-content:end;text-align:right;transition:all .15s ease-out}.home__opening-section .home__specification-text{display:flex;flex-direction:column;text-align:end;font-size:2.5rem}.home__opening-section .home__specification-crea,.home__opening-section .home__specification-text span{font-size:1.8rem}.home__opening-section .home__separator{height:auto;width:auto}.home__opening-section .home__name{text-align:left}.home__opening-section .home__name-text{transition:all .15s ease-out;font-family:Blatant;font-size:5rem;color:rgba(0,0,0,0);-webkit-text-stroke:2px #fff}.home__opening-section .home__navigate{height:auto;min-height:80px;width:100%}}@media only screen and (min-width:1000px){.home__opening-section .home__specification-text{font-size:3rem}.home__opening-section .home__specification-crea,.home__opening-section .home__specification-text span{font-size:2.2rem}.home__opening-section .home__name-text{font-size:6rem}}.mainBackground__main{position:relative;width:100vw;height:100vh;overflow:hidden}.mainBackground__animatedBackground{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.IDEContainer{width:800px;min-height:500px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;border-radius:.7rem;overflow:hidden}.IDEContainer__header{grid-area:1/1/2/3;background-color:#3d3d3d;display:flex;align-items:center;justify-content:space-between;font-family:Cascadia}.IDEContainer__header-buttons{display:flex;width:auto;gap:.5rem;padding:.4rem}.IDEContainer__header-button{height:.85rem}.IDEContainer__header-button--red{color:#ff5c5b}.IDEContainer__header-button--orange{color:#fab829}.IDEContainer__header-button--green{color:#26c947}.IDEContainer__header-title{width:100%;display:flex;align-items:center;justify-content:center}.IDEContainer__header-title:hover{text-decoration:underline}.IDEContainer__nav{grid-area:2/1/3/2;background-color:#333;display:flex;flex-direction:column;padding:.5rem;gap:1rem}.IDEContainer__nav>div{height:100%}.IDEContainer__content{grid-area:2/2/3/3;background-color:#1e1e1e;font-family:Cascadia}.IDEContainer__content-header{background-color:#252525;width:100%}.IDEContainer__content-onglet{background-color:#1e1e1e;padding:.5rem;width:-moz-fit-content;width:fit-content;display:flex;gap:.35rem;align-items:center;justify-content:center}.IDEContainer__content-ol{padding:2rem;counter-reset:ide-ol-counter;list-style:none;margin:0}.IDEContainer__content-ol li{counter-increment:ide-ol-counter;position:relative;color:#aaa;padding-left:2.2em;margin-bottom:.5em}.IDEContainer__content-ol li:hover{color:#ddd;transition:.1s ease-in-out}.IDEContainer__content-ol li:before{content:counter(ide-ol-counter);position:absolute;left:0;color:#666;font-weight:700;transition:.1s ease-in-out}.IDEContainer__content-ol li:hover:before{color:#ddd}.IDEContainer__footer{grid-area:3/1/4/3;background-color:#66217d;border-top:1px solid #222;display:flex;padding:.25rem;gap:.5rem}.IDEContainer__footer>p{display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#eee}.IDEContainer__footer-spacing{width:100%}*{--color-skillDisplay-black:#17191e;--color-skillDisplay-dark-grey:#333333;--color-skillDisplay-white:#fff;--shadow-skillDisplay-light:0 2px 8px rgba(0,0,0,0.06);--shadow-skillDisplay-strong:0 4px 24px rgba(0,0,0,0.18)}.SkillDisplay{width:100%;min-height:500px;background-color:#c7bba6;position:relative;overflow:hidden}.SkillDisplay__resetButton{position:absolute;top:1rem;left:1rem;border-radius:.5rem;padding:.6rem 1.1rem;font-size:1rem;font-weight:500;cursor:pointer;background:var(--color-skillDisplay-black);color:var(--color-skillDisplay-white);border:3px solid rgba(0,0,0,0);box-shadow:var(--shadow-skillDisplay-light);transition:background .18s,color .14s,box-shadow .16s,border .16s;z-index:10}.SkillDisplay__resetButton:hover{background:rgba(0,0,0,0);color:var(--color-skillDisplay-black);box-shadow:var(--shadow-skillDisplay-strong);border:3px solid var(--color-skillDisplay-dark-grey)}.Skill{height:100%;width:100%;position:absolute}.Skill__relativeContainer{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid #fff;cursor:pointer;transition:transform .15s ease-out,width .2s ease-out,height .2s ease-out;animation:floatingLightAnim 4s ease-in-out infinite alternate;background-color:var(--color-send,#fff);color:var(--text-color-send,#000);animation-delay:var(--animation-delay-send,0s)}.Skill:hover .Skill__relativeContainer{min-width:80px;min-height:80px;z-index:999;width:150%;height:150%}.Skill__image{position:absolute;grid-area:1/1/2/2;max-width:100%;max-height:100%;padding:.5rem;height:100%;width:100%;object-fit:contain;display:block;pointer-events:none;transition:all .15s ease-out}.Skill:hover .Skill__image{opacity:.5}.Skill__title{position:absolute;align-self:center;justify-self:center;grid-area:1/1/2/2;font-size:1.25rem;z-index:1;opacity:0;transition:all .15s ease-out}.Skill:hover .Skill__title{opacity:1}@keyframes floatingLightAnim{0%{transform:translateY(-1.5px)}50%{transform:translateY(1.5px)}to{transform:translateY(-1.5px)}}