@font-face{font-family:Goldman;src:url(/assets/Goldman-Regular-DSV2AaLK.ttf)format("truetype");font-display:swap}@font-face{font-family:Silkscreen-Regular;src:url(/assets/Silkscreen-Regular-Baa5h4vI.ttf)format("truetype");font-display:swap}@font-face{font-family:Roboto-VariableFont;src:url(/assets/Roboto-Regular-FqysxNcR.ttf)format("truetype");font-display:swap}*{box-sizing:border-box;position:relative}body{background-color:#000;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}#root{flex-direction:column;min-width:100vw;min-height:100vh;margin:0;display:flex}a{all:unset;cursor:pointer}.scene{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.title{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.h1-white{color:#fff;font-family:Goldman;font-size:clamp(3rem,15vw,14rem);position:relative}.h1-white:before,.h1-white:after{content:attr(data-text);position:absolute;top:0;left:0}.h1-white:before{text-shadow:-1px 0 red;animation:1s linear infinite reverse glitch-1;left:2px}.h1-white:after{text-shadow:-1px 0 #00f;animation:1s linear infinite reverse glitch-2;left:-2px}@keyframes glitch-1{0%{clip-path:inset(132px 0 101px 30px)}5%{clip-path:inset(132px 0 101px 30px)}10%{clip-path:inset(40px 0 66px 30px)}15%{clip-path:inset(87px 0 82px 30px)}20%{clip-path:inset(137px 0 61px 30px)}25%{clip-path:inset(34px 0 14px 30px)}30%{clip-path:inset(133px 0 74px 30px)}35%{clip-path:inset(76px 0 107px 30px)}40%{clip-path:inset(59px 0 130px 30px)}45%{clip-path:inset(29px 0 84px 30px)}50%{clip-path:inset(22px 0 67px 30px)}55%{clip-path:inset(67px 0 62px 30px)}60%{clip-path:inset(10px 0 105px 30px)}65%{clip-path:inset(78px 10px 115px 30px)}70%{clip-path:inset(105px 0 13px 30px)}75%{clip-path:inset(15px 0 75px 30px)}80%{clip-path:inset(66px 0 39px 30px)}85%{clip-path:inset(133px 0 73px 30px)}90%{clip-path:inset(36px 0 128px 30px)}95%{clip-path:inset(68px 0 103px 30px)}to{clip-path:inset(14px 0 100px 30px)}}@keyframes glitch-2{0%{clip-path:inset(132px 0 101px 30px)}5%{clip-path:inset(132px 0 101px 30px)}10%{clip-path:inset(40px 0 66px 30px)}15%{clip-path:inset(87px 0 82px 30px)}20%{clip-path:inset(137px 0 61px 30px)}25%{clip-path:inset(34px 0 14px 30px)}30%{clip-path:inset(133px 0 74px 30px)}35%{clip-path:inset(76px 0 107px 30px)}40%{clip-path:inset(59px 0 130px 30px)}45%{clip-path:inset(29px 0 84px 30px)}50%{clip-path:inset(22px 0 67px 30px)}55%{clip-path:inset(67px 0 62px 30px)}60%{clip-path:inset(10px 0 105px 30px)}65%{clip-path:inset(78px 0 115px 30px)}70%{clip-path:inset(105px 0 13px 30px)}75%{clip-path:inset(15px 0 75px 30px)}80%{clip-path:inset(66px 0 39px 30px)}85%{clip-path:inset(133px 0 73px 30px)}90%{clip-path:inset(36px 0 128px 30px)}95%{clip-path:inset(68px 0 103px 30px)}to{clip-path:inset(14px 0 100px 30px)}}.fenetre,.clouds{position:absolute;inset:0}.imgFenetre,.imgClouds{object-fit:cover;width:100%;height:100%;position:relative}.navBar{box-sizing:border-box;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100vh;display:flex}.glassMorph{-webkit-backdrop-filter:blur(2.8px);backdrop-filter:blur(2.8px);background:#0f0f1966;border-bottom:1px solid #ffffff0f;border-radius:15px;flex-direction:column;justify-content:space-between;width:min(80vw,2000px);height:90vh;display:flex;position:relative;overflow:hidden auto;box-shadow:0 10px 30px #0006}.glassMorph:before{content:"";background:linear-gradient(to bottom right,#ffffff14,#0000 60%);border-radius:15px;position:absolute;inset:0}.titleNavBar{color:#fff;text-align:center;margin-bottom:clamp(2rem,10vw,10rem);font-family:goldman;font-size:clamp(1.5rem,4vw,4rem)}.titleNavBarBold{color:#fff;text-align:center;margin-bottom:10%;font-family:GoldmanBold;font-size:clamp(2.5rem,10vw,5rem)}.divProfil{flex-direction:column;justify-content:center;align-items:center;margin-bottom:clamp(1rem,3vh,10rem);display:flex}.imgProfil{border-radius:20px;width:100%;position:absolute;top:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.txtProfil{color:#fff;font-family:Silkscreen-Regular;font-size:clamp(1rem,2.8vw,4rem)}.infoProfil{position:absolute;top:15px;left:15px}.securProfil{font-size:clamp(.8rem,1.5vw,2rem);display:none;position:absolute;top:30vh}.securProfil2{font-size:clamp(.8rem,1.5vw,2rem);display:none;position:absolute;top:34vh}.menuIndex{padding:clamp(1rem,3vw,3rem)}.containerLi li{width:100%;height:100%;margin:0;padding:0;list-style:none}.containerLi{text-align:center;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center;align-items:center;gap:clamp(3rem,3vw,2rem);width:100%;padding:0;font-size:clamp(1.5rem,1vw,2rem);display:grid}.navBarLi{text-align:center;justify-content:center;align-items:center;width:100%;height:220%;font-size:1.2rem;list-style:none;display:flex}.glowButton{text-transform:uppercase;cursor:pointer;color:#0f8;background-color:#00000080;border:2px solid #0f8;border-radius:20px;font-family:Goldman;font-weight:700;transition:box-shadow .2s,background .2s;display:flex;overflow:hidden;box-shadow:0 0 10px #00ff8880,0 0 20px #00ff884d,0 0 30px #0f83}.glowButton:hover,.glowButton:focus-visible{color:#000;background-color:#0f8;box-shadow:0 0 100px #0f8c,0 0 100px #00ff884d,0 0 100px #0f83}.profilimg{background-image:url(/assets/profil_portfo-C3n1rIgi.WebP);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:80%;position:absolute;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}@media (width<=1000px){.containerLi{grid-template-columns:1fr;margin-top:clamp(2rem,3vw,3rem);margin-bottom:clamp(1rem,2vw,2rem)}}@media (width<=600px){.navBarLi{height:200%}}@media (height>=750px){.securProfil,.securProfil2{display:block}}@media (height<=565px) and (orientation:landscape){.txtProfil{display:none}}
