*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:RefrigeratorDeluxe;src:url(/Font/Refrigerator-Deluxe-Font-Family/Refrigerator-Deluxe.otf)}@font-face{font-family:RefrigeratorDeluxeBold;src:url(/Font/Refrigerator-Deluxe-Font-Family/Refrigerator-Deluxe-Bold.otf)}@font-face{font-family:RefrigeratorDeluxeHeavy;src:url(/Font/Refrigerator-Deluxe-Font-Family/Refrigerator-Deluxe-Heavy.otf)}@font-face{font-family:"1UP!";src:url(/Font/1UP!/1up.ttf)}body{font-family:Roboto,sans-serif;background-color:#0d1321;position:relative}#root,.home{position:relative;z-index:0}.home .banner{position:relative;height:120vh}.home .banner img{width:100%;height:100%;position:relative;z-index:0;object-fit:cover}.home .masque{background-color:#0d1321;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;opacity:.5}.home .banner .backgroundsBottom{position:absolute;overflow:hidden;width:110%;aspect-ratio:1051/150;right:0;bottom:0}.home .banner .backgroundsBottom .color1{clip-path:polygon(0% 100%,100% 100%,100% 0%);position:absolute;background-color:#0d1321;z-index:1;height:100%;width:100%;aspect-ratio:671/100}.home .banner .backgroundsBottom .color2{clip-path:polygon(100% 58%,34% 100%,58% 74%,0% 97%,100% 0%);top:0;right:0;position:absolute;background-color:#d6c67b;z-index:2;height:80%;aspect-ratio:1021/149}.news{background-color:#fff;position:relative}.news img.Deco{position:absolute;width:20%;border-radius:10px;z-index:0}.news img.Deco2{position:absolute;width:20%;z-index:0;bottom:0;right:0;transform:rotate(180deg)}.news h1{font-size:3rem;font-family:RefrigeratorDeluxeHeavy;margin-left:10%;position:relative;top:1rem;z-index:1}.news button{font-size:1.5rem;font-family:RefrigeratorDeluxeHeavy;margin-left:44%;margin-bottom:1em;padding:.5rem 2rem;background-color:#d6c67b;color:#0d1321;border:none;cursor:pointer}.news button a{text-decoration:none;color:#fff;text-transform:uppercase}.news button:hover{background-color:#fff;color:#0d1321}.news button:hover a{color:#0d1321}.news .news-list{display:flex;flex-direction:row;justify-content:center;margin-top:20px;white-space:nowrap}.news .news-list img.arrow{width:5%;height:20%;position:absolute;left:7%;top:35%}.news .news-list img.arrow2{width:5%;height:20%;position:absolute;right:7%;top:35%;transform:rotateY(180deg)}.news .news-list .news-item{margin:10px;padding:10px;border-radius:10px;width:23.9%;height:300px;display:flex;flex-direction:column}.news .news-list .news-item:hover{scale:1.1}.news .news-list .news-item a{text-decoration:none;color:#0d1321}.news .news-list .news-item a h2{font-size:.9rem;font-family:RefrigeratorDeluxeHeavy;font-style:italic;margin-top:10px;width:100%}.news .news-list .news-item p{font-size:1.5rem;font-family:RefrigeratorDeluxeHeavy;margin-top:10px;margin-bottom:10px}.news .news-list .news-item img{width:100%;clip-path:polygon(4.6% 0%,100% 0%,95.7% 99.8%,0% 100%)}.skills{clip-path:polygon(0% 0%,0% 95%,50% 100%,100% 95%,100% 0%);background-color:#fff;min-height:75vh;position:relative;display:flex;flex-direction:column}.skills .bg{top:0;left:0;position:absolute;height:292px;width:308px}.skills .bg .color1{z-index:2;height:256px;aspect-ratio:100/117;background-color:#d6c67b}.skills .bg .color2{z-index:1;height:292px;background-color:#e4e8f3;aspect-ratio:100/95}.skills .bg .color1,.skills .bg .color2{width:auto;position:absolute;clip-path:polygon(100% 34%,46% 12%,0% 100%,0% 0%,69% 0%)}.skills h1{margin-top:1em;margin-left:10em;width:fit-content;height:fit-content;font-family:RefrigeratorDeluxeHeavy;letter-spacing:1px;text-transform:uppercase}.skills .details{height:100%;width:80%;margin:4em auto auto;display:flex;justify-content:space-between;border-left:#E4E8F3 4px solid;padding-left:2em}.skills .details .desc{width:60%}.skills .details .desc .logo{margin-top:2em}.skills .details .desc .logo .text{font-family:RefrigeratorDeluxeHeavy;letter-spacing:1px;text-transform:uppercase;display:flex;flex-direction:row}.skills .details .desc .logo .text .square{width:12px;height:12px;background-color:#0d1321;margin:auto 1em auto 0}.skills .details .card{aspect-ratio:320/449;display:flex;position:relative;width:18%}.skills .details .card div:nth-child(1){position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;aspect-ratio:320/449}.skills .details .card div:nth-child(2){position:absolute;z-index:1;aspect-ratio:320/449;height:100%;width:auto;background-size:cover;background-position:center;border-radius:2em}form.SearchForm{display:flex;width:30%;position:absolute;top:30px;bottom:auto;left:0;right:0;margin:auto;z-index:4}form.SearchForm input[type=text]{position:relative;height:40px;width:100%;border-radius:20px;border:none;box-sizing:border-box;padding:0 60px 0 20px;background-color:#fff;color:#0d1321}form.SearchForm input[type=text]:focus-visible{outline:none;background-color:#fff}form.SearchForm input[type=text]::placeholder{color:#0d1321}form.SearchForm label input[type=submit]{display:none}form.SearchForm label{position:absolute;right:0;top:0;bottom:0;left:auto;width:40px;height:40px;padding:0;margin:auto;background-color:#0d1321;color:#fff;border-radius:50%;text-align:center;line-height:40px;font-size:22px}.suggestions{position:absolute;z-index:4;background-color:#0d1321;color:#fff;top:100px;margin:auto;width:40%;height:fit-content;left:0;right:0;bottom:auto;display:flex;flex-direction:column}.photos{width:100%;height:80vh;position:relative;background-color:#fff}.photos .background{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}.photos .decoBas{display:flex;position:absolute;width:95%;margin:auto;bottom:1em;left:0;right:0;z-index:2;height:32px}.photos .decoBas .left{clip-path:polygon(0% 6%,1% 0%,4% 86%,100% 86%,100% 100%,3% 100%);background-color:#fff;aspect-ratio:500/32;width:35%;position:absolute}.photos .decoBas .right{clip-path:polygon(100% 6%,99% 0%,96% 86%,0% 86%,0% 100%,97% 100%);background-color:#fff;aspect-ratio:500/32;width:35%;position:absolute;right:0}.NotFound{display:flex;flex-direction:column;background-color:#fff;height:83vh;position:relative}.NotFound .backgroundsTop{top:0;left:0;position:absolute;overflow:hidden;width:50%;aspect-ratio:1051/150}.NotFound .backgroundsBottom{position:absolute;overflow:hidden;width:50%;aspect-ratio:1051/150;right:0;bottom:0}.NotFound .backgroundsTop .color1{clip-path:polygon(0% 0%,0% 100%,100% 0%)}.NotFound .backgroundsTop .color2{clip-path:polygon(0% 42%,66% 0%,42% 26%,100% 3%,0% 100%);bottom:0;left:0}.NotFound .backgroundsBottom .color1{clip-path:polygon(0% 100%,100% 100%,100% 0%)}.NotFound .backgroundsBottom .color2{clip-path:polygon(100% 58%,34% 100%,58% 74%,0% 97%,100% 0%);top:0;right:0}.NotFound .backgroundsTop .color1,.NotFound .backgroundsBottom .color1{position:absolute;background-color:#0d1321;z-index:1;height:100%;width:100%;aspect-ratio:671/100}.NotFound .backgroundsTop .color2,.NotFound .backgroundsBottom .color2{position:absolute;background-color:#d6c67b;z-index:2;height:80%;aspect-ratio:1021/149}.NotFound .content{display:flex;flex-direction:column;width:fit-content;height:fit-content;margin:auto}.NotFound .content i{color:red;font-size:6em;margin:auto}.NotFound .content h1{color:#0d1321;margin:auto;font-size:2em}.NotFound .content a{color:#0d1321;text-decoration:none;margin:1em auto auto;font-size:1.25em;border:4px #0D1321 solid;padding:10px 15px;border-radius:50em;transition:all .2s}.NotFound .content a:hover{background-color:#0d1321;color:#fff}.FormLogin{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background-color:#0d1321;height:calc(100vh - 6rem)}.FormLogin img.Separation{width:60%;object-fit:cover;position:absolute;top:5rem;left:0}.FormLogin h1{color:#fff;font-size:3rem;text-align:center;margin-bottom:7rem;font-family:RefrigeratorDeluxeBold;font-weight:700;text-transform:uppercase}.FormLogin form{display:flex;flex-direction:column;width:60%;height:40%;margin-left:40%;background-color:#fff;position:relative;padding:1rem .5rem;clip-path:polygon(0% 0%,100% 0%,100% 100%,5.5% 99.5%);border-left:2rem solid #D6C67B}.FormLogin form label{color:#0d1321;font-size:1rem;margin-left:10%;font-family:RefrigeratorDeluxe;font-size:1.3rem}.FormLogin form input{width:50%;height:2.5rem;margin:1rem 0;margin-left:10%;padding:.5rem;border:none;border-bottom:1px solid #000;outline:none}.FormLogin form button{width:20%;height:2.5rem;margin:1rem 0;margin-left:25%;padding:.5rem;border:none;background-color:#d6c67b;color:#0d1321;font-weight:700;cursor:pointer;outline:none}.FormLogin form button:hover{background-color:#fff;color:#0d1321}.FormLogin form a{color:#0d1321;margin-left:20%;text-decoration:none;font-size:.8rem;margin-top:1rem}.FormLogin form img{width:30%;object-fit:cover;position:absolute;bottom:0rem;left:31.86rem}.ProfilContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5}img.Separation{width:60%;object-fit:cover;position:absolute;top:5rem;left:0}.ProfilContainer .ProfilContent{display:grid;grid-template-columns:.3fr 2fr 1fr;margin-top:10rem;grid-gap:1rem;width:100%;position:relative;z-index:1}.ProfilContainer .ProfilContent .onglet{margin-top:20px;margin-bottom:20px;grid-column:1;grid-row:2}.onglet ul{display:flex;flex-direction:column;justify-content:space-around;width:100%}.onglet ul li{list-style:none;font-size:2.5rem;display:inline-block;padding:10px;padding-right:8rem;cursor:pointer;background-color:#0d1321;color:#fff;font-weight:700;transition:.3s;clip-path:polygon(0% 0%,78.9% 0%,100% 99.8%,0% 100%);margin-bottom:10%;font-family:RefrigeratorDeluxeHeavy;box-shadow:0 0 10px #0d1321}.ProfilInfos{display:flex;flex-direction:column;align-items:center;grid-column:2/4;grid-row:2;width:75%}.TournamentsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#000;grid-row:3/4}.UserTournaments{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:20px;border-radius:10px;background-color:#f5f5f5}.UserTournaments img.Arrow{width:33%;height:50%;cursor:pointer;rotate:-90deg;margin-top:-1rem;filter:grayscale(100%);margin-bottom:2rem;color:#000}.UserTournaments h2{font-size:2.5rem;font-family:RefrigeratorDeluxeHeavy}.TournamentsContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100rem;background-color:#0d1321;margin-top:5rem;position:relative}.TournamentsContainer img.SeparationTournois{position:absolute;rotate:180deg;margin-right:35rem;width:70%;height:100%;top:-39.8rem;left:25rem}.TournamentsContainer .color1,.TournamentsContainer .color2{position:absolute;top:0;bottom:auto;left:0;right:auto;width:auto;clip-path:polygon(0% 66%,54% 88%,100% 0%,100% 100%,31% 100%);background-color:#d6c67b;rotate:180deg}.TournamentsContainer .color3,.TournamentsContainer .color4{position:absolute;top:auto;bottom:0;left:auto;right:7rem;width:auto;clip-path:polygon(0% 66%,54% 88%,100% 0%,100% 100%,31% 100%);background-color:#d6c67b;rotate:0deg}.TournamentsContainer .color1{z-index:2;height:256px;aspect-ratio:100/117}.TournamentsContainer .color2{z-index:1;height:292px;background-color:#e4e8f3;aspect-ratio:100/95}.TournamentsContainer .color3{z-index:2;height:256px;aspect-ratio:100/117}.TournamentsContainer .color4{z-index:1;height:292px;background-color:#e4e8f3;aspect-ratio:100/95}.TournamentsContainer ul{margin-top:5rem}.tournaments{width:100%;padding:3rem;height:fit-content;clip-path:polygon(0% 0%,100% 0%,81.4% 100%,0% 100%)}.tournaments .tournamentsContent{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#f5f5f5;position:relative;margin-left:1rem;padding:1rem;width:52%}.tournaments .tournamentsContent p{font-size:1rem;font-family:RefrigeratorDeluxeHeavy;width:90%}.tournaments li img{width:30%;height:100%}.tournaments li{display:flex;flex-direction:row;list-style:none;font-size:1.5rem;cursor:pointer;clip-path:polygon(0% 0%,100% 0%,81.4% 100%,0% 100%);font-family:RefrigeratorDeluxeHeavy;background-color:#f5f5f5;width:85%;margin-left:3rem;border-bottom:5px solid #d6c67b;border-right:5px solid #d6c67b}.tournaments li a{text-decoration:none;color:#000;height:max-content}.UserContent{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:20px;margin-bottom:20px;padding:20px;border-radius:10px;background-color:#f5f5f5}.UserContent>div{width:50%;margin-bottom:5rem}.UserContent .UserEmail form{display:flex;flex-direction:column;align-items:center;justify-content:left;width:50%}.UserContent .UserEmail form input{width:100%;padding:10px;margin:10px;border:1px solid #0D1321;border-radius:5px}.UserContent .UserEmail form button{width:100%;padding:10px;margin:10px;border:1px solid #0D1321;border-radius:5px;background-color:#0d1321;color:#fff;font-weight:700;cursor:pointer}.UserContent .UserPassword form{display:flex;flex-direction:column;align-items:center;justify-content:left;width:50%}.UserContent .UserPassword form input{width:100%;padding:10px;margin:10px;border:1px solid #0D1321;border-radius:5px}.UserContent .UserPassword form button{width:100%;padding:10px;margin:10px;border:1px solid #0D1321;border-radius:5px;background-color:#0d1321;color:#fff;font-weight:700;cursor:pointer}.UserSkills{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:20px;border-radius:10px}.UserSkills img.Arrow{width:33%;height:50%;rotate:-90deg;margin-top:-1.5rem;margin-right:2rem;filter:grayscale(100%);margin-bottom:3rem;color:#000}.UserSkills .SkillsContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;width:90rem;background-color:#0d1321;margin-top:7rem;margin-left:-3.8rem;position:relative}.UserSkills img.SeparationTournois{position:absolute;rotate:180deg;margin-right:35rem;width:70%;height:100%;top:-13.6rem;left:26.5rem}.UserSkills ul .skills{width:25%;height:100%;margin-top:2rem;color:#fff;font-size:1.5rem;font-weight:700;text-align:center;background-color:#0d1321;border:1px solid #0D1321;border-radius:10px;padding:1rem;margin-left:1rem;margin-right:1rem;box-shadow:0 0 10px #0d1321}.UserSkills ul .skills a{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;background-color:#0d1321;border:1px solid #0D1321;border-radius:10px;padding:1rem;margin-top:1rem;margin-bottom:1rem;box-shadow:0 0 10px #0d1321;display:block;text-decoration:none;transition:.5s}.UserSkills ul .skills a li{list-style:none;margin-top:1rem;margin-bottom:1rem}.UserSkills ul .skills a li img{width:100%;height:100%;border:1px solid #0D1321}#Profil{grid-column:3;grid-row:1;height:fit-content;background-color:#d6c67b;padding-left:1.5rem;clip-path:polygon(0% 0%,100% 0%,100% 100%,5.5% 99.5%);position:absolute;top:1rem;right:0;z-index:1;width:27rem;margin-top:-5rem}#LeaderBoard{grid-column:3;grid-row:1;height:fit-content;background-color:#d6c67b;padding-left:1.5rem;clip-path:polygon(0% 0%,100% 0%,100% 100%,5.5% 99.5%);position:absolute;top:1rem;right:0;z-index:1;width:27rem;margin-top:5rem}.UserBannerContainer{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;height:fit-content;background-color:#0d1321;color:#fff;clip-path:polygon(0% 0%,100% 0%,100% 100%,5.5% 99.5%)}.UserBannerContainer .UserBanner__picture{display:flex;flex-direction:column;align-items:center;justify-content:center;height:fit-content;background-color:#0d1321;color:#fff;clip-path:polygon(0% 0%,100% 0%,100% 100%,5.5% 99.5%);width:100%}.UserBannerContainer .UserBanner__picture img{width:8rem;height:8rem;border-radius:50%;margin-left:auto;border:2px solid #b6b6b6}.UserBannerContainer .UserBanner__picture button{font-size:2rem;font-family:RefrigeratorDeluxeHeavy;margin-left:4.8rem;margin-top:-1rem;background-color:#d6c67b;width:100%;border:none;cursor:pointer;clip-path:polygon(15% 0%,100% 0%,100% 100%,0% 100%)}.UserBannerContainer .UserBanner__infos{width:100%;font-family:RefrigeratorDeluxeHeavy;margin-top:2rem;margin-left:2rem}.UserBannerContainer .UserBanner__infos h1{margin-left:4rem}.classement{display:flex;flex-direction:column;background-color:#fff}.classement .status{position:relative;background-color:#fff;height:100vh}.classement .status .backgroundsTop{top:0;left:0}.classement .status .backgroundsTop .color1{clip-path:polygon(0% 0%,0% 100%,100% 0%)}.classement .status .backgroundsTop .color2{clip-path:polygon(0% 42%,66% 0%,42% 26%,100% 3%,0% 100%);bottom:0;left:0}.classement .status .backgroundsBottom{right:0;bottom:0}.classement .status .backgroundsBottom .color1{clip-path:polygon(0% 100%,100% 100%,100% 0%)}.classement .status .backgroundsBottom .color2{clip-path:polygon(100% 58%,34% 100%,58% 74%,0% 97%,100% 0%);top:0;right:0}.classement .status .backgroundsTop,.classement .status .backgroundsBottom{position:absolute;overflow:hidden;width:50%;aspect-ratio:1051/150}.classement .status .backgroundsTop .color1,.classement .status .backgroundsBottom .color1{position:absolute;background-color:#0d1321;z-index:1;height:100%;width:100%;aspect-ratio:671/100}.classement .status .backgroundsTop .color2,.classement .status .backgroundsBottom .color2{position:absolute;background-color:#d6c67b;z-index:2;height:80%;aspect-ratio:1021/149}.classement .status .UserBanner{z-index:4}.classement .status .UserBanner .UserBannerContainer .UserBanner__picture button{display:none}.classement .status .positionContainer{display:flex;position:relative;z-index:5;margin:auto;width:80%;height:100%}.classement .status .positionContainer .VousEtes{display:flex;flex-direction:column;position:absolute;top:20%}.classement .status .positionContainer .VousEtes h1{font-family:RefrigeratorDeluxeHeavy;font-size:50px;color:#0d1321}.classement .status .positionContainer .VousEtes .points{display:flex;margin-left:5px}.classement .status .positionContainer .VousEtes .points .b1{width:14px;height:4px;background-color:#0d1321}.classement .status .positionContainer .VousEtes .points .b2,.classement .status .positionContainer .VousEtes .points .b3{width:4px;height:4px;background-color:#0d1321}.classement .status .positionContainer .VousEtes .points .b1,.classement .status .positionContainer .VousEtes .points .b2{margin-right:10px}.classement .status .positionContainer .position{display:flex;position:relative;width:12em;aspect-ratio:1/1;margin:auto;font-family:"1UP!"}.classement .status .positionContainer .position h2{display:flex;font-size:100px;background:linear-gradient(90deg,#462b22,#836655,#e6be9a,#b2886f,#462b22);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin:auto;width:fit-content;height:fit-content;animation:holoEffect 7s ease-in-out infinite}.classement .status .positionContainer .position h2 sup{position:absolute;top:0;right:25px;width:fit-content;font-family:RefrigeratorDeluxeHeavy;font-size:70px;animation:holoEffect 7s ease-in-out infinite;background:linear-gradient(90deg,#462b22,#836655,#e6be9a,#b2886f,#462b22);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.classement .status .positionContainer .position .bord1,.classement .status .positionContainer .position .bord2{position:absolute;width:66%;height:66%;aspect-ratio:1/1;background-color:#0d1321}.classement .status .positionContainer .position .bord1{clip-path:polygon(0% 100%,0% 0%,66% 0%,100% 13%,13% 13%,13% 100%);top:0;left:0}.classement .status .positionContainer .position .bord2{clip-path:polygon(100% 0%,100% 100%,34% 100%,0% 87%,87% 87%,87% 0%);bottom:0;right:0}.leaderboard{min-height:100vh;padding-bottom:5em;clip-path:polygon(0% 0%,100% 0%,100% 95%,50% 100%,0% 95%);background-color:#0d1321;position:relative;z-index:0}.leaderboard .bg{top:0;left:0;position:absolute;height:292px;width:308px}.leaderboard .bg .color1{z-index:2;height:256px;aspect-ratio:100/117;background-color:#d6c67b}.leaderboard .bg .color2{z-index:1;height:292px;background-color:#e4e8f3;aspect-ratio:100/95}.leaderboard .bg .color1,.leaderboard .bg .color2{width:auto;position:absolute;clip-path:polygon(100% 34%,46% 12%,0% 100%,0% 0%,69% 0%)}.leaderboard .TitreClassement{padding-top:8em;display:grid;grid-template-columns:1fr .2fr 1fr;grid-template-rows:1fr;grid-template-areas:"bord1 titre bord2";grid-gap:36px;width:80%;height:fit-content;z-index:4;position:relative;margin:auto}.leaderboard .TitreClassement .bord1{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr;grid-template-areas:"bord11 bord12";position:absolute;bottom:0;grid-area:bord1;width:100%;grid-gap:34px}.leaderboard .TitreClassement .bord1 .bord11{background-color:#fff;height:4px;width:34px;position:absolute;bottom:0;grid-area:bord11}.leaderboard .TitreClassement .bord1 .bord12{background-color:#fff;height:32px;clip-path:polygon(0% 86%,96% 86%,99% 0%,100% 6%,97% 100%,0% 100%);grid-area:bord12}.leaderboard .TitreClassement .bord2{display:grid;grid-template-columns:1fr 34px;grid-template-rows:1fr;grid-template-areas:"bord21 bord22";position:absolute;bottom:0;grid-area:bord2;width:100%;grid-gap:34px}.leaderboard .TitreClassement .bord2 .bord21{background-color:#fff;height:32px;clip-path:polygon(100% 86%,4% 86%,1% 0%,0% 6%,3% 100%,100% 100%);grid-area:bord21}.leaderboard .TitreClassement .bord2 .bord22{background-color:#fff;height:4px;width:34px;position:absolute;bottom:0;grid-area:bord22}.leaderboard .TitreClassement h1{grid-area:titre;color:#fff;font-family:RefrigeratorDeluxeHeavy;text-transform:uppercase}.leaderboard .entetes{display:grid;grid-template-columns:1fr .5fr 1fr;width:90%;margin:5em auto auto;grid-template-rows:1fr;grid-gap:25px}.leaderboard .entetes h2{color:#fff;font-family:RefrigeratorDeluxeHeavy;text-transform:uppercase;margin:auto;width:fit-content}.leaderboard .entetes .joueur .bordure,.leaderboard .entetes .score .bordure{height:32px;background-color:#fff;margin-top:1em}.leaderboard .entetes .joueur .bordure{clip-path:polygon(100% 14%,4% 14%,1% 100%,0% 94%,3% 0%,100% 0%)}.leaderboard .entetes .inscriptions .bordure{margin-top:1em;height:4px;width:100%;display:grid;grid-template-columns:1fr .5fr 1fr;grid-template-rows:1fr;grid-gap:50px}.leaderboard .entetes .inscriptions .bordure .b1,.leaderboard .entetes .inscriptions .bordure .b2,.leaderboard .entetes .inscriptions .bordure .b3{width:100%;background-color:#fff;height:100%}.leaderboard .entetes .score .bordure{clip-path:polygon(0% 14%,96% 14%,99% 100%,100% 94%,97% 0%,0% 0%)}.leaderboard table{width:90%;margin:2em auto}.leaderboard table tbody{display:flex;flex-direction:column;width:100%;margin:auto;gap:6px}.leaderboard table tbody tr{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;filter:drop-shadow(0px 0px 4px black);background-color:#17223a;width:100%;color:#fff;font-family:RefrigeratorDeluxeHeavy;font-size:20px}.leaderboard table tbody tr:nth-child(3){background:linear-gradient(90deg,#462b22,#836655,#e6be9a,#b2886f,#462b22);background-size:200% 200%;animation:holoEffect 7s ease-in-out infinite}header{background-color:#0d1321;position:relative;display:flex;align-items:center;z-index:100;height:6rem;font-family:RefrigeratorDeluxeHeavy;width:100%;box-sizing:border-box;padding-left:20px}header a svg.Logo{width:100px;height:100px;margin-left:10px;padding:0;transition:all .2s}header a svg.Logo g path{fill:#fff;transition:all .5s}header a svg.Logo:hover g path{fill:#d6c67b}header a.active svg.Logo g path{fill:#d6c67b}header a.active svg.Logo:hover g path{fill:#fff}nav{display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;height:100%;position:relative;z-index:2;margin-left:3em}nav a{text-decoration:none;margin:0 10px;font-size:40px;color:#fff;font-weight:700;position:relative;text-transform:uppercase;transition:all .5s;width:190px;text-align:center}nav a:hover{color:#d6c67b}nav .separateur{transform:rotate(45deg);height:100%;width:1px;margin-right:40px;margin-left:40px;background-color:#424242}nav .separateur:first-child{transform:rotate(45deg);height:100%;width:1px;margin-left:0;background-color:#424242}nav a.active{color:#d6c67b}nav a.active:hover{color:#fff}.compet_bt{width:auto;height:161%;clip-path:polygon(0% 62%,90% 62%,100% 100%,100% 0%,24% 0%,7% 47%,12% 14%);background-color:#d6c67b;aspect-ratio:69/29;z-index:300000;margin:auto auto auto 20px;display:flex;position:absolute;top:0;right:0}.compet_bt a{height:fit-content;width:fit-content;line-height:40px;margin-left:auto;margin-top:8%;margin-right:40px;color:#0d1321;text-decoration:none;font-size:40px;font-weight:700;position:relative;text-transform:uppercase;transition:all .2s}.compet_bt a:hover,.compet_bt a.active{color:#fff}.compet_bt a.active:hover{color:#0d1321}footer{position:relative;display:grid;grid-template-columns:50% 40% 10%;grid-template-rows:.5fr 1.75fr .5fr;grid-template-areas:"media media media" "FooterContent FooterContent ." "copyright copyright copyright"}footer .media{display:flex;width:fit-content;height:fit-content;padding:1em 300px;margin:auto auto 1em;grid-area:media;gap:20px;border-bottom:#424242 solid 1px}footer .media a{text-decoration:none;font-size:28px;width:fit-content;height:fit-content}footer .media a i{transition:all .5s}footer .media a:hover i{color:#d6c67b}footer .FooterContent{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-area:FooterContent;grid-template-areas:"emailing pages";height:100%}footer .FooterContent .emailing{grid-area:emailing;position:relative;width:60%;height:70%;margin:auto auto auto 80px}footer .FooterContent .emailing form{position:absolute;top:auto;bottom:0;left:0;right:100px;display:flex;flex-direction:column;gap:10px}footer .FooterContent .emailing form p{width:fit-content;font-size:20px;font-weight:700}footer .FooterContent .emailing form .inputLabel{position:relative}footer .FooterContent .emailing form .inputLabel input[type=email]{position:relative;border:none;height:40px;width:100%;border-radius:20px;box-sizing:border-box;padding-left:10px;padding-right:105px}footer .FooterContent .emailing form .inputLabel input[type=email]:focus-visible{outline:none}footer .FooterContent .emailing form .inputLabel label{width:fit-content;height:35px;line-height:35px;padding:0 1em;border-radius:18px;background-color:#0d1321;position:absolute;top:0;bottom:0;left:auto;right:2.5px;margin:auto}footer .FooterContent .emailing form .inputLabel label input[type=submit]{display:none}footer .FooterContent .emailing svg{position:absolute;top:-35px}footer .FooterContent .pages{grid-area:pages;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}footer .FooterContent .pages .links,footer .FooterContent .pages .links2{display:flex;flex-direction:column;gap:20px}footer .FooterContent .pages .links a,footer .FooterContent .pages .links2 a{display:flex;text-decoration:none;width:fit-content;transition:all .2s;font-weight:700;font-size:20px}footer .FooterContent .pages .links a:hover,footer .FooterContent .pages .links2 a:hover{color:#d6c67b}footer .copyright{display:flex;grid-area:copyright;width:fit-content;margin:5em auto auto;font-size:12px;padding:2em 5em;border-top:#424242 solid 1px}footer .background{position:absolute;right:0;bottom:0;height:292px;width:308px}footer .background .color1,footer .background .color2{position:absolute;bottom:0;right:0;width:auto;clip-path:polygon(0% 66%,54% 88%,100% 0%,100% 100%,31% 100%)}footer .background .color1{z-index:2;height:256px;aspect-ratio:100/117;background-color:#d6c67b}footer .background .color2{z-index:1;height:292px;background-color:#e4e8f3;aspect-ratio:100/95}footer.footer-white{background-color:#fff}footer.footer-white a,footer.footer-white p,footer.footer-white .FooterContent .emailing .inputLabel label{color:#0d1321}footer.footer-white .FooterContent .emailing .inputLabel label{background-color:#fff}footer.footer-blue,footer.footer-white input[type=email]{background-color:#0d1321}footer.footer-blue a,footer.footer-blue p,footer.footer-blue label,footer.footer-white input[type=email]{color:#fff}footer.footer-blue .FooterContent .emailing svg g path{fill:#fff}footer.footer-white .FooterContent .emailing svg g path{fill:#0d1321}body{font-family:Roboto,sans-serif;background-color:#0d1321;position:relative;overflow-x:hidden}.root{position:relative;z-index:0;overflow-x:hidden;margin:0}.news-page{display:flex;flex-direction:column;align-items:center;color:#0e0e0e;background-color:#fff;position:relative;height:calc(100vh - 100px);width:100%}.news-page img.Deco{position:absolute;width:20%;left:0;z-index:0}.news-page img.Deco2{position:absolute;width:20%;bottom:0;right:0;transform:rotate(180deg);z-index:0}.news-page button{font-size:1.5rem;font-family:RefrigeratorDeluxeHeavy;margin-left:40%;padding:.5rem 2rem;background-color:#d6c67b;color:#0d1321;border:none;cursor:pointer}.news-page button a{text-decoration:none;color:#fff;text-transform:uppercase}.news-page h1{font-size:2rem;font-family:RefrigeratorDeluxeHeavy;margin-top:3%;margin-bottom:3%;position:relative;top:1rem;left:1rem;z-index:1;font-style:italic}.news-page .news-content{display:grid;grid-template-columns:.8fr 1fr;justify-content:center;margin-top:20px;padding:2rem}.news-page .news-content .contentImg{display:flex;justify-content:center;align-items:center;background-color:#d6c67b;width:90%;margin-left:5%;clip-path:polygon(4.6% 0%,100% 0%,95.7% 99.8%,0% 100%)}.news-page .news-content .contentImg img{width:90%;margin-right:5%;margin-left:-5%;clip-path:polygon(4.6% 0%,100% 0%,95.7% 99.8%,0% 100%)}.news-page .news-content .contentText{display:grid;grid-template-columns:.5fr 1fr;grid-template-rows:.4fr 1fr;justify-content:center;align-items:center;margin-left:20px}.news-page .news-content .contentText h2{font-size:1rem;font-family:RefrigeratorDeluxeHeavy;font-style:italic;margin-top:20px}.news-page .news-content .contentText p{font-size:1rem;font-family:RefrigeratorDeluxeHeavy;margin-top:20px;text-align:justify;grid-column:1 / 3}.news-page .news-content .contentText .Tags{display:flex;flex-direction:row;align-items:center;margin-top:10px}.news-page .news-content .contentText .Tags li{list-style-type:none;font-size:1rem;font-style:italic;font-family:RefrigeratorDeluxeHeavy;margin-top:10px;margin-right:10px;background-color:#0e0e0e36;color:#fff;padding:.3rem;border-radius:10px}.all-news{background-color:#fff;position:relative}.all-news img.Deco{position:absolute;width:20%;border-radius:10px;z-index:0}.all-news img.Deco2{position:absolute;width:20%;bottom:0;right:0;transform:rotate(180deg);z-index:0}.all-news h1{font-size:3rem;font-family:RefrigeratorDeluxeHeavy;margin-left:10%;position:relative;top:1rem;z-index:1}.all-news .news-list{display:flex;flex-direction:row;justify-content:center;margin-top:20px;white-space:nowrap;flex-wrap:wrap;position:relative;z-index:1}.all-news .pagination{display:flex;justify-content:center;margin-top:20px}.all-news button{font-size:1.5rem;font-family:RefrigeratorDeluxeHeavy;margin-left:2%;padding:.5rem 1rem;border-radius:10px;background-color:#d6c67b;color:#0d1321;border:none;cursor:pointer;transition:all ease .3s}.all-news button.active{background-color:#0d1321;color:#fff}.all-news button a{text-decoration:none;color:#fff;text-transform:uppercase}.all-news button:hover{background-color:#fff;color:#0d1321}.all-news button:hover a{color:#0d1321}.all-news .news-list .news-item{margin:10px;padding:1%;border-radius:10px;width:30%;height:fit-content;flex-direction:column;align-items:center;transition:all ease .3s}.all-news .news-list .news-item h2{font-size:.8rem;font-family:RefrigeratorDeluxeHeavy;margin-top:10px}.all-news .news-list .news-item:hover{scale:1.1;transition:all ease .3s}.all-news .news-list .news-item a{text-decoration:none;color:#0d1321}.all-news .news-list .news-item a img{width:100%;box-shadow:0 0 10px #0d1321;clip-path:polygon(4.6% 0%,100% 0%,95.7% 99.8%,0% 100%)}.TournoisDetails{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px}.TournoisDetails .tournamentsContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.TournoisDetails .tournamentsContainer .Transitions{background-image:url(/Img/NewsImg.svg);background-size:cover;background-repeat:no-repeat;width:100%;height:87vh;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.TournoisDetails .tournamentsContainer .Transitions img.ArrowReverse{width:8%;padding:1rem;rotate:180deg}.TournoisDetails .tournamentsContainer .Transitions img.ArrowLeft{width:8%;padding:1rem}.TournoisDetails .tournamentsContainer .Transitions img.Select{position:absolute;bottom:2rem;right:4rem}.TournoisDetails .tournamentsContainer .LigneTournoi{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;position:absolute;margin-top:2%;height:100%}.TournoisDetails .tournamentsContainer .LigneTournoi h2{margin-top:.5%;padding:0;font-size:1rem;font-weight:700;color:#fff;position:absolute;top:1%;z-index:2}.TournoisDetails .tournamentsContainer .LigneTournoi img{width:80%;position:absolute;top:1%;z-index:1}.TournoisDetails .tournamentsContainer .Objectif .ObjectifTxt{position:absolute;left:1%;top:5%;background-color:#73c143;padding:1rem;width:10%;clip-path:polygon(0% 0%,100% 0%,81.4% 100%,0% 100%);box-shadow:0 0 10px #000;border-bottom:5px solid #D6C67B;border-top:5px solid #D6C67B}.TournoisDetails .tournamentsContainer .Objectif .ObjectifTxt h3{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:1%}.TournoisDetails .tournamentsContainer .TournoisContent{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;margin-top:9rem}.TournoisDetails .tournamentsContainer .TournoisContent .TournoiImg{display:flex;flex-direction:row;align-items:center;width:fit-content;height:100%;margin-top:4rem}.TournoisDetails .tournamentsContainer .TournoisContent .TournoiImg img{width:100%;padding:10%}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;margin-top:4rem;color:#fff}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt h3{font-size:2rem;font-weight:700;margin-bottom:1%}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt h4{font-size:1.5rem;font-weight:700;font-style:italic;margin-bottom:1%;margin-left:2%}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt p{font-size:1rem;margin-bottom:1%;margin-left:2%}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt p.Desc{font-size:1rem;margin-bottom:1%;margin-left:2%;font-style:italic}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt p.Adresse{font-size:1.2rem;margin-bottom:1%;margin-left:2%;font-style:italic}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt p.Date{font-size:2rem;margin-bottom:1%;margin-left:2%;font-style:italic}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt button{width:30%;height:5%;color:#fff;font-size:1.2rem;font-weight:700;margin-left:2%;margin-top:2%;cursor:pointer;padding-left:1rem;padding-right:1rem}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt button.RulesBtn{border:1px solid #ffffff;background-color:#000}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt button.JoinBtn{background-color:#d6c67b;clip-path:polygon(4.6% 0%,100% 0%,95.7% 100%,0% 100%);margin-left:35%;font-size:1.8rem;height:8%}.TournoisDetails .tournamentsContainer .TournoisContent .TournoisTxt button.RulesBtn:hover{background-color:#73c143}.TournoisDetails .tournamentsContainer .LigneTransitions{width:100%;display:flex;flex-direction:row}.TournoisDetails .tournamentsContainer .LigneTransitions img.ArrowL{margin-left:1rem;width:5%}.TournoisDetails .tournamentsContainer .LigneTransitions img.Separation3{margin-left:19rem;rotate:180deg}.TournoisDetails .tournamentsContainer .TournoisSkills{margin-top:-2rem;width:100%;height:100%}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer{width:100%;background-color:#fff;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;height:70vh;clip-path:polygon(0% 0%,100% 0%,100% 95%,50% 100%,0% 95%)}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer img.ArrowLeft{width:8%;padding:1rem}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer img.ArrowReverse{width:8%;padding:1rem;rotate:180deg}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer img.Top{position:absolute;top:0;left:0}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer img.Bottom{rotate:180deg;position:absolute;bottom:0;right:0}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer .skills a{text-decoration:none;color:#000}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer .skills a li{list-style:none;margin-top:1rem;margin-bottom:1rem}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer .skills a li p{font-weight:700;margin-left:1rem}.TournoisDetails .tournamentsContainer .TournoisSkills .SkillsContainer .skills a li img{width:100%;height:100%;padding:1rem;border-radius:27px}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer{background-color:#fff;clip-path:polygon(0% 0%,100% 0%,100% 95%,50% 100%,0% 95%);position:relative}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer img.Top{position:absolute;top:0;left:0;z-index:-1}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer h3{font-size:3rem;font-weight:700;color:#000;padding-top:1rem;margin-left:4rem;font-family:RefrigeratorDeluxeHeavy;text-transform:uppercase}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer .SimilairesContent{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:85vh;position:relative;z-index:2}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer .SimilairesContent .Similaires{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer .SimilairesContent .Similaires img{width:100%;padding:5%}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer .SimilairesContent .Similaires h4{font-size:1.5rem;font-weight:700;color:#000;margin-top:1rem}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer .SimilairesContent .Similaires p{font-size:1.5rem;font-weight:700;font-style:italic;color:#000;margin-top:1rem}.TournoisDetails .tournamentsContainer .TournoisSimilaires .SimilairesContainer .SimilairesContent .Similaires button{width:30%;height:5%;background-color:#d6c67b;color:#fff;font-size:1.2rem;font-weight:700;margin-left:2%;margin-top:2%;cursor:pointer;padding-left:1rem;padding-right:1rem}.tournois .tournoiContainer .tournoi .details text{color:#00f;font-size:19px}.tournois{position:relative;padding:7em 0;clip-path:polygon(0% 0%,100% 0%,100% 95%,50% 100%,0% 95%);background-color:#e4e8f3;display:flex;flex-direction:column;gap:3em}.tournois .masque{background-color:#0d1321;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;opacity:.5}.tournois .tournoiContainer{display:flex;position:relative;width:80%;margin:auto;clip-path:polygon(15% 0%,102% 0%,86% 110%,-2% 110%);text-decoration:none;color:#0d1321}.tournois .tournoiContainer .tournoi{display:grid;position:relative;z-index:2;grid-template-columns:1fr 1fr 0fr 0fr;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);aspect-ratio:1092/220;width:100%;height:auto;margin:auto;background-color:#fff}.tournois .tournoiContainer .tournoi .badgetournois{width:auto;height:100%;clip-path:polygon(0% 0%,100% 0%,78% 100%,0% 100%);object-fit:cover;background-size:cover;background-position:center}.tournois .tournoiContainer .tournoi .details{margin-top:1em;display:flex;flex-direction:column;gap:20px}.tournois .tournoiContainer .tournoi .details h2{font-family:RefrigeratorDeluxeHeavy;letter-spacing:1px;font-size:27px}.tournois .tournoiContainer .tournoi .details span{font-size:19px;color:red}.tournois .tournoiContainer .tournoi .details p{color:#636363;font-size:19px}.tournois .tournoiContainer .tournoi .details h3{color:#00f;font-size:19px;font-weight:400}.tournois .tournoiContainer .tournoi .access{background-color:#000}.tournois .tournoiContainer .bg-tournois{background-color:#d6c67b;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);aspect-ratio:1092/220;width:100%;margin:auto;position:absolute;top:20px;right:-20px;left:0}.SkillDetails{display:flex;flex-direction:column;background-color:#0d1321}.SkillDetails .competence{display:flex;flex-direction:column;background-color:#0d1321;min-height:100vh;position:relative;padding-bottom:10em}.SkillDetails .competence .backgroundsTop{top:0;left:0;position:absolute;overflow:hidden;width:50%;aspect-ratio:1051/150}.SkillDetails .competence .backgroundsTop .color1{clip-path:polygon(0% 0%,0% 100%,100% 0%)}.SkillDetails .competence .backgroundsTop .color2{clip-path:polygon(0% 42%,66% 0%,42% 26%,100% 3%,0% 100%);bottom:0;left:0}.SkillDetails .competence .backgroundsBottom{position:absolute;overflow:hidden;width:50%;aspect-ratio:1051/150;right:0;bottom:0}.SkillDetails .competence .backgroundsBottom .color1{clip-path:polygon(0% 100%,100% 100%,100% 0%)}.SkillDetails .competence .backgroundsBottom .color2{clip-path:polygon(100% 58%,34% 100%,58% 74%,0% 97%,100% 0%);top:0;right:0}.SkillDetails .competence .backgroundsTop .color1,.SkillDetails .competence .backgroundsBottom .color1{position:absolute;background-color:#0d1321;z-index:1;height:100%;width:100%;aspect-ratio:671/100}.SkillDetails .competence .backgroundsTop .color2,.SkillDetails .competence .backgroundsBottom .color2{position:absolute;background-color:#d6c67b;z-index:2;height:80%;aspect-ratio:1021/149}.SkillDetails .competence .title{padding-top:8em;display:grid;grid-template-columns:1fr .2fr 1fr;grid-template-rows:1fr;grid-template-areas:"bord1 titre bord2";grid-gap:36px;width:80%;height:fit-content;z-index:4;position:relative;margin:auto}.SkillDetails .competence .title .bord1{display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr;grid-template-areas:"bord11 bord12";position:absolute;bottom:0;grid-area:bord1;width:100%;grid-gap:34px}.SkillDetails .competence .title .bord1 .bord11{background-color:#fff;height:4px;width:34px;position:absolute;bottom:0;grid-area:bord11}.SkillDetails .competence .title .bord1 .bord12{background-color:#fff;height:32px;clip-path:polygon(0% 86%,96% 86%,99% 0%,100% 6%,97% 100%,0% 100%);grid-area:bord12}.SkillDetails .competence .title .bord2{display:grid;grid-template-columns:1fr 34px;grid-template-rows:1fr;grid-template-areas:"bord21 bord22";position:absolute;bottom:0;grid-area:bord2;width:100%;grid-gap:34px}.SkillDetails .competence .title .bord2 .bord21{background-color:#fff;height:32px;clip-path:polygon(100% 86%,4% 86%,1% 0%,0% 6%,3% 100%,100% 100%);grid-area:bord21}.SkillDetails .competence .title .bord2 .bord22{background-color:#fff;height:4px;width:34px;position:absolute;bottom:0;grid-area:bord22}.SkillDetails .competence .title h1{grid-area:titre;color:#fff;font-family:RefrigeratorDeluxeHeavy;text-transform:uppercase}.SkillDetails .competence .details{width:80%;margin:4em auto auto;display:flex;justify-content:space-between}.SkillDetails .competence .details .carte{aspect-ratio:320/449;display:flex;position:relative;width:25%}.SkillDetails .competence .details .carte div{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;aspect-ratio:320/449}.SkillDetails .competence .details .carte img{position:absolute;z-index:1;aspect-ratio:320/449;height:100%;width:auto;object-fit:cover;border-radius:6em}.SkillDetails .competence .details .description{width:65%;margin-right:2em;text-align:justify;color:#fff;display:flex;flex-direction:column}.SkillDetails .competence .details .description h1{color:#d6c67b;text-align:right;font-size:30px;margin-bottom:2em}.SkillDetails .competence .details .description span{font-family:RefrigeratorDeluxeHeavy;letter-spacing:1px;font-size:24px;margin-bottom:1em}.SkillDetails .competence .progression{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;clip-path:polygon(0% 0%,100% 0%,98% 60%,54% 60%,52% 100%,0% 100%);background-color:#fff;width:90%;margin:4em auto auto;height:64px;grid-gap:4px;padding:4px;box-sizing:border-box}.SkillDetails .competence .progression .bronze{background:linear-gradient(90deg,#462b22,#836655,#e6be9a,#b2886f,#462b22);background-size:200% 200%;animation:holoEffect 3s ease-in-out infinite}.SkillDetails .competence .progression .silver{background:linear-gradient(90deg,#717171,#dadbdd,#a1a1a3,#878586,#dcdcdc);background-size:200% 200%;animation:holoEffect 3s ease-in-out infinite;clip-path:polygon(0% 0%,100% 0%,100% 52%,61.5% 52%,55% 100%,0% 100%)}.SkillDetails .competence .progression .gold{background:linear-gradient(90deg,#875e20,#c79a36,#f5b94d,#a76916,#d99600);background-size:200% 200%;animation:holoEffect 3s ease-in-out infinite;clip-path:polygon(0% 0%,99% 0%,94% 52%,62% 52%,0% 52%)}@keyframes holoEffect{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.SkillDetails .competence .progression .inactive{background:#0d1321}.SkillDetails .niveaututo{background-color:#fff;clip-path:polygon(0% 0%,100% 0%,100% 95%,50% 100%,0% 95%);height:100vh;position:relative;display:flex;flex-direction:column}.SkillDetails .niveaututo .bg{top:0;left:0;position:absolute;height:292px;width:308px}.SkillDetails .niveaututo .bg .color1{z-index:2;height:256px;aspect-ratio:100/117;background-color:#d6c67b}.SkillDetails .niveaututo .bg .color2{z-index:1;height:292px;background-color:#e4e8f3;aspect-ratio:100/95}.SkillDetails .niveaututo .bg .color1,.SkillDetails .niveaututo .bg .color2{width:auto;position:absolute;clip-path:polygon(100% 34%,46% 12%,0% 100%,0% 0%,69% 0%)}.SkillDetails .niveaututo .content{position:relative;z-index:3;width:80%;margin:auto;display:flex;flex-direction:column;height:100%}.SkillDetails .niveaututo .content h1{font-family:RefrigeratorDeluxeHeavy;text-transform:uppercase;font-size:50px;margin-top:2em}.SkillDetails .niveaututo .content .video{width:50%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;aspect-ratio:16/9}.SkillDetails .niveaututo .content .video .bord1{position:absolute;clip-path:polygon(0% 100%,0% 0%,66% 0%,100% 13%,13% 13%,13% 100%);aspect-ratio:1/1;background-color:#e4e8f3;top:0;left:0;width:33%}.SkillDetails .niveaututo .content .video iframe{width:75%;height:auto;aspect-ratio:16/9;margin:auto}.SkillDetails .niveaututo .content .video .bord2{position:absolute;clip-path:polygon(100% 0%,100% 100%,34% 100%,0% 87%,87% 87%,87% 0%);bottom:0;right:0;aspect-ratio:1/1;background-color:#e4e8f3;width:33%}