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